gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: pretty button :3

Browse source
This commit is contained in:
Twig 2025-07-07 21:27:45 +02:00
parent 4ed9a406e3
commit 180ae1e85d
No known key found for this signature in database
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/settings.vue
View file

@ -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;
} }