forked from AkkomaGang/akkoma-fe
Do not use BEM
This commit is contained in:
parent
5675b9326c
commit
13ee624341
1 changed files with 15 additions and 15 deletions
|
@ -9,7 +9,7 @@
|
||||||
>
|
>
|
||||||
<div class="side-drawer-heading" @click="toggleDrawer">
|
<div class="side-drawer-heading" @click="toggleDrawer">
|
||||||
<user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser"/>
|
<user-card-content :user="currentUser" :switcher="false" :hideBio="true" v-if="currentUser"/>
|
||||||
<div class="side-drawer__logo-wrapper" v-else>
|
<div class="side-drawer-logo-wrapper" v-else>
|
||||||
<img :src="logo"/>
|
<img :src="logo"/>
|
||||||
<span>{{sitename}}</span>
|
<span>{{sitename}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -142,23 +142,23 @@
|
||||||
box-shadow: var(--panelShadow);
|
box-shadow: var(--panelShadow);
|
||||||
background-color: $fallback--bg;
|
background-color: $fallback--bg;
|
||||||
background-color: var(--bg, $fallback--bg);
|
background-color: var(--bg, $fallback--bg);
|
||||||
|
}
|
||||||
|
|
||||||
&__logo-wrapper {
|
.side-drawer-logo-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.85em;
|
padding: 0.85em;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
flex: none;
|
flex: none;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin-right: 0.85em;
|
margin-right: 0.85em;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue