graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-12-24 04:03:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-10-22 09:43:55 +09:00
parent 845713bdbf
commit fd8d253e1e
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/frontend/src/pages/settings/profile.vue
View file

@ -94,7 +94,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:class="[$style.avatarDecoration, { [$style.avatarDecorationActive]: $i.avatarDecorations.some(x => x.id === avatarDecoration.id) }]" :class="[$style.avatarDecoration, { [$style.avatarDecorationActive]: $i.avatarDecorations.some(x => x.id === avatarDecoration.id) }]"
@click="toggleDecoration(avatarDecoration)" @click="toggleDecoration(avatarDecoration)"
> >
<div :class="$style.avatarDecorationName">{{ avatarDecoration.name }}</div> <div :class="$style.avatarDecorationName"><MkCondensedLine :minScale="2 / 3">{{ avatarDecoration.name }}</MkCondensedLine></div>
<MkAvatar style="width: 64px; height: 64px;" :user="$i" :decoration="avatarDecoration.url"/> <MkAvatar style="width: 64px; height: 64px;" :user="$i" :decoration="avatarDecoration.url"/>
</div> </div>
</div> </div>
@ -377,13 +377,17 @@ definePageMetadata({
.avatarDecoration { .avatarDecoration {
cursor: pointer; cursor: pointer;
padding: 16px 16px 24px 16px; padding: 16px 16px 28px 16px;
border: solid 2px var(--divider); border: solid 2px var(--divider);
border-radius: 8px; border-radius: 8px;
text-align: center; text-align: center;
font-size: 90%;
overflow: clip;
contain: content;
} }
.avatarDecorationActive { .avatarDecorationActive {
background-color: var(--accentedBg);
border-color: var(--accent); border-color: var(--accent);
} }
@ -391,6 +395,6 @@ definePageMetadata({
position: relative; position: relative;
z-index: 10; z-index: 10;
font-weight: bold; font-weight: bold;
margin-bottom: 16px; margin-bottom: 20px;
} }
</style> </style>