aboutsummaryrefslogtreecommitdiff
path: root/viewer/src
diff options
context:
space:
mode:
authorpacien2020-02-10 12:18:32 +0100
committerpacien2020-02-10 12:18:32 +0100
commitec5bda34f9d2714db19d61cd9e82fb45cc15bfc1 (patch)
tree188c6a3a66a54399405bfea134f7119d194d0c42 /viewer/src
parentf71715e6d0221484e3cf40539bd8a9fc514b3d48 (diff)
downloadldgallery-ec5bda34f9d2714db19d61cd9e82fb45cc15bfc1.tar.gz
viewer: use a different background to separate command buttons and breadcrumbs
Diffstat (limited to 'viewer/src')
-rw-r--r--viewer/src/assets/scss/theme.scss1
-rw-r--r--viewer/src/components/LdBreadcrumb.vue1
-rw-r--r--viewer/src/components/LdCommand.vue1
3 files changed, 2 insertions, 1 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index d62a823..7972d48 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -52,6 +52,7 @@ $panel-top-bgcolor: $palette-800;
52$panel-top-txtcolor: $primary; 52$panel-top-txtcolor: $primary;
53$panel-left-bgcolor: $palette-800; 53$panel-left-bgcolor: $palette-800;
54$panel-left-txtcolor: $primary; 54$panel-left-txtcolor: $primary;
55$command-buttons-bgcolor: $palette-700;
55$content-bgcolor: $palette-900; 56$content-bgcolor: $palette-900;
56$toolbar-color: $palette-300; // FIXME: should be named "scrollbar" 57$toolbar-color: $palette-300; // FIXME: should be named "scrollbar"
57$loader-color: $palette-800; 58$loader-color: $palette-800;
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index 171e96a..ebefc50 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -45,7 +45,6 @@ export default class LdBreadcrumb extends Vue {
45@import "@/assets/scss/theme.scss"; 45@import "@/assets/scss/theme.scss";
46 46
47.ld-breadcrumb { 47.ld-breadcrumb {
48 border-left: 1px solid $disabled-color;
49 padding-left: 15px; 48 padding-left: 15px;
50 display: flex; 49 display: flex;
51 list-style: none; 50 list-style: none;
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 8c6ccfc..54b602c 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -60,6 +60,7 @@ export default class LdCommand extends Vue {
60@import "@/assets/scss/theme.scss"; 60@import "@/assets/scss/theme.scss";
61 61
62.command-btns { 62.command-btns {
63 background-color: $command-buttons-bgcolor;
63 justify-content: space-around; 64 justify-content: space-around;
64 vertical-align: middle; 65 vertical-align: middle;
65 align-items: center; 66 align-items: center;