Use dropdown SVG for profile dropdown (#379)

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector 2022-03-05 12:35:05 -08:00 committed by GitHub
parent 440a35e491
commit d8df8e1033
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -53,7 +53,7 @@
<div v-if="$auth.user" ref="mobileMenu" class="dropdown">
<button class="control">
<img :src="$auth.user.avatar_url" class="user-icon" />
<span class="caret"></span>
<DropdownIcon class="caret" />
</button>
<ul class="content card" @click="removeFocus">
<li>
@ -290,6 +290,7 @@ import MoonIcon from '~/assets/images/utils/moon.svg?inline'
import SunIcon from '~/assets/images/utils/sun.svg?inline'
import PlusIcon from '~/assets/images/utils/plus.svg?inline'
import DropdownIcon from '~/assets/images/utils/dropdown.svg?inline'
import LogOutIcon from '~/assets/images/utils/log-out.svg?inline'
import HeartIcon from '~/assets/images/utils/heart.svg?inline'
@ -316,6 +317,7 @@ export default {
ShieldIcon,
ModerationIcon,
PlusIcon,
DropdownIcon,
HeartIcon,
},
directives: {
@ -577,10 +579,10 @@ export default {
width: 2rem;
}
.caret::after {
content: '\23F7';
.caret {
color: inherit;
margin-left: 0.25rem;
width: 1rem;
}
}