eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Use dropdown SVG for profile dropdown (#379)

Browse Source 
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
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
layouts/default.vue
View File

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