feat(frontend): #333 Changed welcome button on explorer page to white

Duke-MatSci · Mar 10, 2023 · ef2e250 · ef2e250
1 parent ff8f3ae
commit ef2e250
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/app/src/assets/css/modules/_pages.scss b/app/src/assets/css/modules/_pages.scss
@@ -530,3 +530,9 @@
 
     }
 }
+
+.spreadsheet_list_form {
+    .md-chip.md-theme-default .md-icon.md-icon-image svg{
+        fill: #08233c;
+    }
+}
diff --git a/app/src/assets/css/modules/_utility.scss b/app/src/assets/css/modules/_utility.scss
@@ -185,6 +185,12 @@
         &-black {
             color: $primary-black;
         }
+        &-success {
+            color: green !important;
+        }
+        &-error {
+            color: $error !important;
+        }
     }
     &--font-emph {
         &-xl {
@@ -201,7 +207,7 @@
         }
         &-smm {
             font-size: 1.3rem;
-            font-size: 500;
+            font-size: 500; //Fix this error! Should be fontweight or whatnot
         }
 
     }

diff --git a/app/src/components/explorer/Header.vue b/app/src/components/explorer/Header.vue
@@ -12,12 +12,12 @@
 
         <div class="md-toolbar-section-end">
           <md-badge v-if="isAuth && showBadge" id="header-badge" class="md-primary" md-content="12">
-            <md-button class="md-icon-button">
+            <md-button class="md-icon-button u_color_white u--font-emph-m">
               Hi {{ displayName }}
             </md-button>
           </md-badge>
-          <md-button v-if="isAuth"> Hi {{ displayName }}</md-button>
-          <a v-if="!isAuth" class="md-icon-button large" href="/secure">
+          <md-button v-if="isAuth" class="u_color_white u--font-emph-m"> Hi {{ displayName }}</md-button>
+          <a v-if="!isAuth" class="md-icon-button large u_color_white u--font-emph-m" href="/secure">
             Login
           </a>
         </div>
@@ -27,8 +27,8 @@
         <md-tabs class="md-primary" id="reset_tab_bg" md-sync-route>
           <!-- Add _ to _menutabs as this is just a class selector for testing purposes only -->
           <md-tab class="_menutabs" to="/explorer" id="tab-home" md-label="Search" exact> </md-tab>
-          <md-tab class="_menutabs" to="/explorer/visualization" id="tab-visualization" md-label="Visualization" exact> </md-tab>
-          <md-tab class="_menutabs" to="/explorer/curate" id="tab-curate" md-label="Curate" exact> </md-tab>
+          <md-tab class="_menutabs" to="/explorer/visualization" id="tab-visualization" md-label="Visualization"> </md-tab>
+          <md-tab class="_menutabs" to="/explorer/curate" id="tab-curate" md-label="Curate"> </md-tab>
           <md-tab class="_menutabs" to="/explorer/parameterized_query" id="tab-query" md-label="Parameterized Query" exact> </md-tab>
           <!-- <md-tab class="_menutabs" to="/explorer/sparql" id="tab-sparql" md-label="Sparql Query" exact> </md-tab> -->
         </md-tabs>