Added functional stash button on scene tiles.
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user