feat: pretty button :3
This commit is contained in:
parent
f91c299575
commit
c0ad1a7c0d
1 changed files with 13 additions and 3 deletions
|
@ -4,9 +4,9 @@
|
||||||
<div id="sidebar">
|
<div id="sidebar">
|
||||||
<ul>
|
<ul>
|
||||||
<p>
|
<p>
|
||||||
<button @click="$router.go(-1)">
|
<span @click="$router.go(-1)">
|
||||||
<Icon name="lucide:circle-arrow-left" alt="Back"></Icon>
|
<Icon class="back-button" size="2em" name="lucide:circle-arrow-left" alt="Back"></Icon>
|
||||||
</button>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<span class="spacer"></span>
|
<span class="spacer"></span>
|
||||||
|
|
||||||
|
@ -182,6 +182,16 @@ onMounted(() => {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--primary-color);
|
||||||
|
transition: color 100ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button:hover{
|
||||||
|
color: var(--primary-highlighted-color);
|
||||||
|
}
|
||||||
|
|
||||||
#links-and-socials * {
|
#links-and-socials * {
|
||||||
margin-right: 0.2em;
|
margin-right: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue