mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2026-01-02 11:07:26 +01:00
Code Issues Projects Releases Wiki Activity

Use .icon class instead of vertically aligning through CSS

Browse Source
This commit is contained in:
Coteh
2021-11-07 15:46:32 -05:00
parent b0d1cd257c
commit 3672a4729d
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/App.vue
View File

@@ -27,15 +27,15 @@
</splitpanes>
<button
@click="collapseNav = !collapseNav"
class="button is-small is-rounded is-settings-control pl-1 pr-1"
class="button is-small is-rounded is-settings-control"
:class="{ collapsed: collapseNav }"
id="hide-nav"
v-if="!isMobile && !authorizationNeeded"
>
<span class="pl-6 pr-2" v-if="collapseNav">
<span class="icon ml-2" v-if="collapseNav">
<chevron-right-icon />
</span>
<span v-else>
<span class="icon" v-else>
<chevron-left-icon />
</span>
</button>
@@ -174,9 +174,6 @@ export default {
position: fixed;
left: 10px;
bottom: 10px;
& svg {
vertical-align: middle;
}
&.collapsed {
left: -40px;
width: 60px;