From 5a629c1d374bdb4fb335757ac3072d711422c00f Mon Sep 17 00:00:00 2001 From: Lloyd Dakin Date: Wed, 13 Nov 2024 16:53:03 -0800 Subject: [PATCH 1/7] removed conflicting css, renamed image to imageMap --- .../Project/ImageAnalysis/ImageAnalyzer.vue | 71 ++-------- .../Project/ImageAnalysis/ImageViewer.vue | 129 ++++++------------ .../Project/ImageAnalysis/LinePlot.vue | 19 --- 3 files changed, 49 insertions(+), 170 deletions(-) diff --git a/src/components/Project/ImageAnalysis/ImageAnalyzer.vue b/src/components/Project/ImageAnalysis/ImageAnalyzer.vue index a70c321..d3467f6 100644 --- a/src/components/Project/ImageAnalysis/ImageAnalyzer.vue +++ b/src/components/Project/ImageAnalysis/ImageAnalyzer.vue @@ -181,84 +181,35 @@ a{ color: var(--tan); } .v-sheet{ - background-color: var(--metal); - color: var(--tan); -} -.v-table{ - background-color: var(--metal); - color: var(--tan); - max-width: 60ch; -} -.table_key{ - font-weight: bold; - font-size: large; -} -.analysis-sheet{ background-color: var(--dark-blue); + color: var(--tan); font-family: 'Open Sans', sans-serif; - text-transform: uppercase; } .analysis-toolbar{ color: var(--tan); background-color: var(--metal); } .analysis-content{ - display: flex; - width: 100%; - height: 100%; + padding: 1rem; } .side-panel-container { - margin-top: 2%; display: flex; flex-direction: column } .side-panel{ padding: 1rem; color: var(--tan); + background-color: var(--metal); margin-left: 10px; - margin-bottom: 5%; -} -@media (min-width: 1201px) { - .side-panel-container { - margin-left: 20%; - } } -@media (max-width: 1200px) { -.analysis-sheet { - overflow: hidden !important; -} -.side-panel { - font-size: 0.75em; -} -} -@media (max-width: 900px) { -.analysis-sheet { - display: flex; - flex-direction: column; - overflow: hidden !important; -} -.analysis-content { - flex-direction: column; -} -.side-panel-container { - margin-left: 11%; - margin-top: 5%; - flex-direction: row; - height: 30%; -} -.side-panel { - width: 25%; - height: 50%; - margin: 0; -} -.line-plot { - flex-grow: 1; - height: 100%; -} -.image-viewer { - order: -1; - height: 70%; +/* Fits Header Info Table */ +.v-table{ + background-color: var(--dark-blue); + color: var(--tan); + max-width: 60ch; } +.table_key{ + font-weight: bold; + font-size: large; } - diff --git a/src/components/Project/ImageAnalysis/ImageViewer.vue b/src/components/Project/ImageAnalysis/ImageViewer.vue index 8d5b440..e939e17 100644 --- a/src/components/Project/ImageAnalysis/ImageViewer.vue +++ b/src/components/Project/ImageAnalysis/ImageViewer.vue @@ -1,5 +1,5 @@ - -