|
|
|
@ -8,8 +8,11 @@
|
|
|
|
|
@touchmove="touchMove"
|
|
|
|
|
>
|
|
|
|
|
<div class="side-drawer-heading" @click="toggleDrawer">
|
|
|
|
|
<user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser">
|
|
|
|
|
</user-card-content>
|
|
|
|
|
<div class="side-drawer__logo-wrapper">
|
|
|
|
|
<img :src="logo"/>
|
|
|
|
|
<span>{{sitename}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser"/>
|
|
|
|
|
</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="currentUser" @click="toggleDrawer">
|
|
|
|
@ -139,6 +142,24 @@
|
|
|
|
|
box-shadow: var(--panelShadow);
|
|
|
|
|
background-color: $fallback--bg;
|
|
|
|
|
background-color: var(--bg, $fallback--bg);
|
|
|
|
|
|
|
|
|
|
&__logo-wrapper {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0.85em;
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
flex: none;
|
|
|
|
|
height: 50px;
|
|
|
|
|
margin-right: 0.85em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.side-drawer-click-outside-closed {
|
|
|
|
|