Replaced profile pill bar with portal page.

This commit is contained in:
2026-07-18 03:20:50 +02:00
parent 981205efaa
commit 7c6bde690f
9 changed files with 304 additions and 114 deletions

View File

@@ -265,7 +265,7 @@ function blurSearch(event) {
<li
v-if="user"
class="menu-item"
class="menu-item menu-div"
>
<a
:href="`/user/${user.username}/alerts`"
@@ -280,10 +280,29 @@ function blurSearch(event) {
v-close-popper
class="menu-item menu-button"
@click="showSettings = true"
@touchstart="showSettings = true"
>
<Icon icon="equalizer" />
Settings
<Icon icon="filter" />
Filters
</li>
<li
v-if="theme === 'dark'"
v-close-popper
class="menu-item menu-button menu-div"
@click="setTheme('light')"
>
<Icon icon="sun3" />
Light theme
</li>
<li
v-else
v-close-popper
class="menu-item menu-button menu-div"
@click="setTheme('dark')"
>
<Icon icon="moon" />
Dark theme
</li>
<li
@@ -300,28 +319,6 @@ function blurSearch(event) {
</a>
</li>
<li
v-if="theme === 'dark'"
v-close-popper
class="menu-item menu-button"
@click="setTheme('light')"
@touchstart="setTheme('light')"
>
<Icon icon="sun3" />
Light theme
</li>
<li
v-else
v-close-popper
class="menu-item menu-button"
@click="setTheme('dark')"
@touchstart="setTheme('dark')"
>
<Icon icon="moon" />
Dark theme
</li>
<li
v-if="user"
class="menu-button menu-item logout"
@@ -571,6 +568,7 @@ function blurSearch(event) {
align-items: center;
padding: .75rem .5rem .75rem .75rem;
font-size: 1.1rem;
cursor: pointer;
.icon {
fill: var(--glass);
@@ -580,7 +578,6 @@ function blurSearch(event) {
&:hover {
color: var(--primary);
cursor: pointer;
&:not(.logout) .icon {
fill: var(--primary);
@@ -592,6 +589,10 @@ function blurSearch(event) {
}
}
.menu-div {
border-bottom: solid 1px var(--glass-weak-30);
}
/*
.favorites .icon {
fill: var(--primary);