summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorUdo Walter2019-02-28 01:50:54 +0100
committerUdo Walter2019-02-28 01:50:54 +0100
commit46f340153e456cacd3be6a4a90344b1f27aec5d6 (patch)
tree0b861b2433cda0e26e57492de57e9ed6659999ba /webapp
parent[webapp/ipxe] Add scroll to bottom feature, fix multiline bug and fix cancel (diff)
downloadbas-46f340153e456cacd3be6a4a90344b1f27aec5d6.tar.gz
bas-46f340153e456cacd3be6a4a90344b1f27aec5d6.tar.xz
bas-46f340153e456cacd3be6a4a90344b1f27aec5d6.zip
[webapp] fix toolbar height when resizing
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/assets/styles.css11
-rw-r--r--webapp/src/components/DashboardPage.vue2
2 files changed, 11 insertions, 2 deletions
diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css
index e9f292f..6241649 100644
--- a/webapp/src/assets/styles.css
+++ b/webapp/src/assets/styles.css
@@ -38,7 +38,16 @@ html {
}
.tabbar-card .v-tabs .v-tabs__item {
- text-transform: none !important;
+ text-transform: none !important;
+}
+
+@media (max-width: 959px) {
+ .tabbar-card {
+ top: 56px;
+ margin-top: -16px;
+ margin-left: -16px;
+ margin-right: -16px;
+ }
}
.tabbar-tabicon {
diff --git a/webapp/src/components/DashboardPage.vue b/webapp/src/components/DashboardPage.vue
index a8e8ac6..0d6fc31 100644
--- a/webapp/src/components/DashboardPage.vue
+++ b/webapp/src/components/DashboardPage.vue
@@ -60,7 +60,7 @@
</v-touch>
</v-navigation-drawer>
- <v-toolbar dark app :clipped-left="settings.clipped" class="non-selectable" style="z-index: 10;" id="topbar">
+ <v-toolbar :height="$vuetify.breakpoint.smAndDown ? 56 : 64" dark app :clipped-left="settings.clipped" class="non-selectable" style="z-index: 10;" id="topbar">
<v-toolbar-side-icon class="drawer-icon" @click.stop="toggleDrawer"></v-toolbar-side-icon>
<div class="logo"><img class="non-draggable hidden-md-and-down" src="@/assets/logo.svg" /></div>
<v-spacer></v-spacer>