try to move button down

This commit is contained in:
nelle 2024-07-10 20:58:04 -06:00
parent 979aba7eb1
commit 6068391e1d

View file

@ -91,7 +91,6 @@
<i class="ph-stack ph-bold ph-lg"></i> <i class="ph-stack ph-bold ph-lg"></i>
</div> </div>
</button> </button>
</div>
<button <button
v-if="isMobile && mainRouter.currentRoute.value.name === 'index'" v-if="isMobile && mainRouter.currentRoute.value.name === 'index'"
@ -113,6 +112,7 @@
> >
<i class="ph-user-plus ph-bold ph-lg"></i> <i class="ph-user-plus ph-bold ph-lg"></i>
</button> </button>
</div>
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''"> <transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
<div <div
@ -510,6 +510,22 @@ console.log(mainRouter.currentRoute.value.name);
background: var(--bg); background: var(--bg);
} }
.postButton {
composes: navButton;
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
color: var(--fgOnAccent);
&:hover {
background: linear-gradient(90deg, var(--X8), var(--X8));
color: var(--fgOnAccent);
}
&:active {
background: linear-gradient(90deg, var(--X8), var(--X8));
color: var(--fgOnAccent);
}
}
/*
> .postButton, > .postButton,
.widgetButton { .widgetButton {
bottom: var(--stickyBottom); bottom: var(--stickyBottom);
@ -544,7 +560,7 @@ console.log(mainRouter.currentRoute.value.name);
background-size: 100%; background-size: 100%;
transition: background 0.1s; transition: background 0.1s;
} }
} }*/
> .buttons { > .buttons {
position: fixed; position: fixed;