MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 06:43:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

use tailwind token for border radius instead of hardcoding values

Browse Source
This commit is contained in:
pa
2026-03-08 22:09:41 +09:00
parent a1090fc064
commit ff47255e07
15 changed files with 40 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dialogs/AvatarDialog/AvatarDialog.vue
View File

@@ -13,7 +13,7 @@
:src="avatarDialog.ref.thumbnailImageUrl"
class="cursor-pointer"
@click="showFullscreenImageDialog(avatarDialog.ref.imageUrl)"
style="width: 160px; height: 120px; border-radius: 12px; object-fit: cover"
style="width: 160px; height: 120px; border-radius: var(--radius-xl); object-fit: cover"
loading="lazy" />
</div>
<div style="flex: 1; display: flex; align-items: flex-start; margin-left: 15px">

14
src/components/dialogs/GroupDialog/GroupDialog.vue
View File

@@ -12,7 +12,7 @@
<img
v-if="!groupDialog.loading"
:src="groupDialog.ref.iconUrl"
style="width: 120px; height: 120px; border-radius: 12px"
style="width: 120px; height: 120px; border-radius: var(--radius-xl)"
class="cursor-pointer"
@click="showFullscreenImageDialog(groupDialog.ref.iconUrl)"
loading="lazy" />
@@ -349,7 +349,13 @@
v-if="!groupDialog.loading"
:src="groupDialog.ref.bannerUrl"
class="cursor-pointer"
style="flex: none; width: 100%; aspect-ratio: 6/1; object-fit: cover; border-radius: 4px"
style="
flex: none;
width: 100%;
aspect-ratio: 6/1;
object-fit: cover;
border-radius: var(--radius-md);
"
@click="showFullscreenImageDialog(groupDialog.ref.bannerUrl)"
loading="lazy" />
</div>
@@ -420,7 +426,7 @@
flex: none;
width: 60px;
height: 60px;
border-radius: 4px;
border-radius: var(--radius-md);
object-fit: cover;
"
@click="showFullscreenImageDialog(groupDialog.announcement.imageUrl)"
@@ -774,7 +780,7 @@
flex: none;
width: 60px;
height: 60px;
border-radius: 4px;
border-radius: var(--radius-md);
object-fit: cover;
"
@click="showFullscreenImageDialog(post.imageUrl)"

2
src/components/dialogs/GroupDialog/GroupPostEditDialog.vue
View File

@@ -91,7 +91,7 @@
flex: none;
width: 60px;
height: 60px;
border-radius: 4px;
border-radius: var(--radius-md);
object-fit: cover;
"
@click="showFullscreenImageDialog(gallerySelectDialog.selectedImageUrl)"

2
src/components/dialogs/SendBoopDialog.vue
View File

@@ -37,7 +37,7 @@
v-for="image in emojiTable"
:key="image.id"
:class="image.id === fileId ? 'x-image-selected' : ''"
style="cursor: pointer; border: 1px solid transparent; border-radius: 8px"
style="cursor: pointer; border: 1px solid transparent; border-radius: var(--radius-xl)"
@click="fileId = image.id">
<div
v-if="

8
src/components/dialogs/UserDialog/UserSummaryHeader.vue
View File

@@ -8,14 +8,14 @@
"
class="cursor-pointer"
:src="userDialog.ref.profilePicOverrideThumbnail || userDialog.ref.profilePicOverride"
style="height: 120px; width: 213.33px; border-radius: 12px; object-fit: cover"
style="height: 120px; width: 213.33px; border-radius: var(--radius-xl); object-fit: cover"
@click="showFullscreenImageDialog(userDialog.ref.profilePicOverride)"
loading="lazy" />
<img
v-else-if="!userDialog.loading"
class="cursor-pointer"
:src="userDialog.ref.currentAvatarThumbnailImageUrl"
style="height: 120px; width: 160px; border-radius: 12px; object-fit: cover"
style="height: 120px; width: 160px; border-radius: var(--radius-xl); object-fit: cover"
@click="showFullscreenImageDialog(userDialog.ref.currentAvatarImageUrl)"
loading="lazy" />
</div>
@@ -179,7 +179,7 @@
flex: none;
height: 32px;
width: 32px;
border-radius: 3px;
border-radius: var(--radius-sm);
object-fit: cover;
margin-top: 5px;
margin-right: 5px;
@@ -237,7 +237,7 @@
<img
class="cursor-pointer"
:src="userImage(userDialog.ref, true, '256', true)"
style="flex: none; width: 120px; height: 120px; border-radius: 12px; object-fit: cover"
style="flex: none; width: 120px; height: 120px; border-radius: var(--radius-xl); object-fit: cover"
@click="showFullscreenImageDialog(userDialog.ref.userIcon)"
loading="lazy" />
</div>

2
src/components/dialogs/WorldDialog/WorldDialog.vue
View File

@@ -13,7 +13,7 @@
v-if="!worldDialog.loading"
:src="worldDialog.ref.thumbnailImageUrl"
class="cursor-pointer"
style="width: 160px; height: 120px; border-radius: 12px"
style="width: 160px; height: 120px; border-radius: var(--radius-xl)"
@click="showFullscreenImageDialog(worldDialog.ref.imageUrl)"
loading="lazy" />
</div>