feat: new search bar and variant page

bihealth · Sep 4, 2023 · 55bdd98 · 55bdd98
1 parent 8074895
commit 55bdd98
Show file tree

Hide file tree

Showing 7 changed files with 2,324 additions and 2,301 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -26,7 +26,7 @@
   a,
   .green {
     text-decoration: none;
-    color: rgb(111, 100, 210);
+    color: rgb(229,85,64);
     transition: 0.4s;
   }
 

diff --git a/frontend/src/assets/reev-logo.svg b/frontend/src/assets/reev-logo.svg
diff --git a/frontend/src/assets/reev-logo_old.svg b/frontend/src/assets/reev-logo_old.svg
diff --git a/frontend/src/components/HeaderDefault.vue b/frontend/src/components/HeaderDefault.vue
@@ -15,7 +15,7 @@ onMounted(() => {
   <v-app-bar app class="top-bar">
     <v-toolbar-title>
       <router-link to="/">
-        <img src="@/assets/reev-logo.svg" id="logo" alt="logo" width="100" />
+        <img src="@/assets/reev-logo.svg" id="logo" alt="logo" width="70" />
         Explanation and Evaluation of Variants
         <small>{{ miscStore?.appVersion }}</small>
       </router-link>
@@ -31,7 +31,7 @@ onMounted(() => {
 <style scoped>
 .top-bar {
   background-color: white;
-  border-bottom: 2px solid rgb(111, 100, 210);
+  border-bottom: 2px solid rgb(229, 85, 64);
 }
 
 .topbar-links {

diff --git a/frontend/src/components/HeaderDetailPage.vue b/frontend/src/components/HeaderDetailPage.vue
@@ -48,7 +48,7 @@ const performSearch = async () => {
 <style scoped>
 .top-bar {
   background-color: white;
-  border-bottom: 2px solid rgb(111, 100, 210);
+  border-bottom: 2px solid rgb(229, 85, 64);
 }
 
 .top-search-bar {

diff --git a/frontend/src/views/GeneDetailView.vue b/frontend/src/views/GeneDetailView.vue
@@ -537,7 +537,7 @@ const genomeReleaseRef = ref(props.genomeRelease)
 
 .gene-item {
   margin-bottom: 20px;
-  border: 2px solid rgb(111, 100, 210);
+  border: 2px solid rgb(229, 85, 64);
   border-radius: 10px;
   padding: 5px 10px;
 }

diff --git a/frontend/src/views/VariantDetailView.vue b/frontend/src/views/VariantDetailView.vue
@@ -181,7 +181,7 @@ const genomeReleaseRef = ref(props.genomeRelease)
 
 .variant-item {
   margin-bottom: 20px;
-  border: 2px solid rgb(111, 100, 210);
+  border: 2px solid rgb(229, 85, 64);
   border-radius: 10px;
   padding: 5px 10px;
 }