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">
|
||||
<ul>
|
||||
<p>
|
||||
<button @click="$router.go(-1)">
|
||||
<Icon name="lucide:circle-arrow-left" alt="Back"></Icon>
|
||||
</button>
|
||||
<span @click="$router.go(-1)">
|
||||
<Icon class="back-button" size="2em" name="lucide:circle-arrow-left" alt="Back"></Icon>
|
||||
</span>
|
||||
</p>
|
||||
<span class="spacer"></span>
|
||||
|
||||
|
@ -182,6 +182,16 @@ onMounted(() => {
|
|||
height: 100vh;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
cursor: pointer;
|
||||
color: var(--primary-color);
|
||||
transition: color 100ms;
|
||||
}
|
||||
|
||||
.back-button:hover{
|
||||
color: var(--primary-highlighted-color);
|
||||
}
|
||||
|
||||
#links-and-socials * {
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue