Merge pull request #99 from snjlee58/master

Visual tweaks for dark mode and margin adjustments
soedinglab · Jan 2, 2025 · 23dd4c0 · 23dd4c0
2 parents 0ee170d + 2848a58
commit 23dd4c0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/frontend/ResultView.vue b/frontend/ResultView.vue
@@ -112,7 +112,7 @@
                             </v-btn>
                         </v-btn-toggle>
                     </v-flex>
-                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport">
+                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport" class="mb-2">
                         <SankeyDiagram :rawData="entry.taxonomyreport" :currentSelectedNodeId="selectedTaxId" @selectTaxon="handleSankeySelect"></SankeyDiagram>
                     </v-flex>
                     <table class="v-table result-table" style="position:relativ; margin-bottom: 3em;">

diff --git a/frontend/SankeyDiagram.vue b/frontend/SankeyDiagram.vue
@@ -625,6 +625,13 @@ export default {
 </script>
 
 <style scoped>
+.theme--dark svg {
+	fill: white;
+}
+.theme--light svg  {
+	fill: black;
+}
+
 .sankey-container {
 	display: flex;
 	width: 100%;