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

Group event button hover

Browse Source
This commit is contained in:
Natsumi
2026-02-06 15:31:16 +13:00
committed by pa
parent 7af8b19a72
commit 9f19a65fc6
1 changed files with 10 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Tools/components/GroupCalendarEventCard.vue
+10 -23
View File
@@ -26,15 +26,16 @@
</div> </div>
</div> </div>
<div class="badges"> <div class="badges">
<div @click="copyEventLink(event)" class="share-badge"> <Button @click="copyEventLink(event)" size="icon" variant="secondary" class="rounded-full badge">
<Share2 /> <Share2 />
</div> </Button>
<div v-if="isFollowing" @click="toggleEventFollow(event)" class="following-badge is-following"> <Button
@click="toggleEventFollow(event)"
size="icon"
:variant="isFollowing ? 'default' : 'secondary'"
class="rounded-full badge">
<Star /> <Star />
</div> </Button>
<div v-else @click="toggleEventFollow(event)" class="following-badge">
<Star />
</div>
</div> </div>
</Card> </Card>
</PopoverTrigger> </PopoverTrigger>
@@ -303,29 +304,15 @@
font-size: 15px; font-size: 15px;
} }
.event-card .badges .following-badge { .event-card .badges .badge {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 24px; width: 24px;
height: 24px; height: 24px;
gap: 4px; gap: 4px;
border-radius: 50%;
cursor: pointer; cursor: pointer;
background-color: var(--color-accent); margin-left: 5px;
}
.event-card .badges .share-badge {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
gap: 4px;
border-radius: 50%;
cursor: pointer;
margin-right: 5px;
background-color: var(--color-accent);
} }
.event-card .event-content { .event-card .event-content {