Added functional stash button on scene tiles.

This commit is contained in:
2024-03-03 02:33:35 +01:00
parent 082d4fc154
commit f56e22230b
13 changed files with 657 additions and 73 deletions

View File

@@ -78,6 +78,7 @@
<VDropdown
v-if="user"
:triggers="['click']"
:prevent-overflow="true"
>
<div class="userpanel">
<img
@@ -90,12 +91,22 @@
<div class="menu">
<a
:href="`/user/${user.username}`"
class="menu-header"
class="menu-header ellipsis"
>{{ user.username }}</a>
<ul class="menu-list nolist">
<li class="menu-item">
<a
:href="`/user/${user.username}`"
class="menu-button nolink"
>
<Icon icon="vcard" />
View profile
</a>
</li>
<li
class="menu-item logout"
class="menu-button menu-item logout"
@click="logout"
><Icon icon="exit2" />Log out</li>
</ul>
@@ -201,9 +212,9 @@ async function logout() {
height: 2rem;
display: flex;
align-items: center;
border: solid 1px var(--shadow-weak-20);
border-radius: 1rem;
background: var(--background);
background: var(--background-dark-10);
box-shadow: inset 0 0 3px var(--shadow-weak-40);
.input {
padding: .5rem 0 .5rem 1rem;
@@ -225,7 +236,10 @@ async function logout() {
}
&.focused {
/*
border: solid 1px var(--primary-light-10);
*/
box-shadow: inset 0 0 3px var(--shadow-weak-30);
.icon {
fill: var(--primary);
@@ -258,25 +272,32 @@ async function logout() {
text-decoration: none;
}
.menu {
overflow: hidden;
}
.menu-header {
display: flex;
justify-content: center;
padding: .75rem 1rem;
border-bottom: solid 1px var(--shadow-weak-30);
color: var(--shadow-strong-30);
text-decoration: none;
text-align: center;
font-weight: bold;
}
.menu-item {
display: block;
}
.menu-button {
display: flex;
align-items: center;
padding: .5rem;
padding: .5rem .5rem .5rem .75rem;
.icon {
fill: var(--shadow);
margin-right: .5rem;
margin-right: .75rem;
transform: translateY(-1px);
}
&:hover {
@@ -286,8 +307,6 @@ async function logout() {
}
.logout {
color: var(--error);
.icon {
fill: var(--error);
}