johanels/akvorado
1
0
Fork 0
mirror of https://github.com/akvorado/akvorado.git synced 2025-12-12 06:24:10 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

console/frontend: reduce option panel height for small screens

Browse Source
This commit is contained in:
Vincent Bernat
2022-05-29 21:57:19 +02:00
parent f876204752
commit 0130e0924f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
console/frontend/src/views/VisualizePage/OptionsPanel.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<aside <aside
class="transition-height transition-width w-full shrink-0 duration-100 lg:h-auto" class="transition-height transition-width w-full shrink-0 duration-100 lg:h-auto"
:class="open ? 'h-96 lg:w-64 xl:w-80' : 'h-6 lg:w-6'" :class="open ? 'h-80 lg:w-64 xl:w-80' : 'h-6 lg:w-6'"
> >
<span <span
class="absolute z-30 translate-x-4 transition-transform lg:translate-y-4" class="absolute z-30 translate-x-4 transition-transform lg:translate-y-4"
:class=" :class="
open open
? 'translate-y-96 rotate-180 lg:translate-x-64 xl:translate-x-80' ? 'translate-y-80 rotate-180 lg:translate-x-64 xl:translate-x-80'
: 'translate-y-6 lg:translate-x-0' : 'translate-y-6 lg:translate-x-0'
" "
> >