teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

ui: border around account header avatar

Browse source
This commit is contained in:
Anthony Fu 2022-11-27 12:48:23 +08:00
parent fcde653efe
commit 1bd710daa4
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountHeader.vue
View file

@ -67,7 +67,7 @@ function previewAvatar() {
<div p4 mt--17 flex flex-col gap-6> <div p4 mt--17 flex flex-col gap-6>
<div flex justify-between> <div flex justify-between>
<div flex="~ col gap-2 1"> <div flex="~ col gap-2 1">
<button w-30 h-30 rounded-full bg-black z-2 @click="previewAvatar"> <button w-30 h-30 rounded-full bg-gray border-4 border-bg-base z-2 @click="previewAvatar">
<AccountAvatar :account="account" hover:opacity-90 transition-opacity /> <AccountAvatar :account="account" hover:opacity-90 transition-opacity />
</button> </button>
<div flex flex-col> <div flex flex-col>

1
unocss.config.ts
View file

@ -13,6 +13,7 @@ export default defineConfig({
shortcuts: [ shortcuts: [
{ {
'border-base': 'border-$c-border', 'border-base': 'border-$c-border',
'border-bg-base': 'border-$c-bg-base',
// background // background
'bg-base': 'bg-$c-bg-base', 'bg-base': 'bg-$c-bg-base',