notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update event tab and edit event card

Browse Source
This commit is contained in:
Minh Vo
2025-12-26 19:14:16 -05:00
parent dcdfb4ac6a
commit bbc4e373a3
4 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/event/EventBlock.svelte
View File

@@ -66,7 +66,8 @@
<!--Flip Card container-->
<div class="flip-box-inner rounded-2xl " class:show-back={showDescription}>
<!--Front Side-->
<div class="flip-box-front bg-ecsess-950 shadow-ecsess-950/50 rounded-2xl">
<!--Opacity thing is to fix the visual bug on ios-->
<div class="flip-box-front bg-ecsess-950 shadow-ecsess-950/50 rounded-2xl transition-opacity duration-500 {showDescription ? 'opacity-0 pointer-events-none' : 'opacity-100'}">
<!--Flip button-->
<div
class="
@@ -265,7 +266,8 @@
</div>
<!-- General Links -->
<div class="max-h-41 relative z-20 gap-4 pb-6 flex flex-wrap w-full items-center justify-center px-6 overflow-auto">
<!--add max-h-41 we decide to go back to scrollable-->
<div class="relative z-20 gap-4 pb-6 flex flex-wrap w-full items-center justify-center px-6 overflow-auto">
{#if generalLink}
{#each generalLink as link}
<a

4
src/components/event/EventTabsTrigger.svelte
View File

@@ -1,5 +1,5 @@
<script>
let { value, onclick, children } = $props();
let { value, selected, onclick, children } = $props();
</script>
@@ -7,7 +7,7 @@
<button
{value}
onclick={() => onclick(value)}
class="hover:border-b-ecsess-200 data-[state=active]:border-b-ecsess-400 border-b-4 border-b-transparent px-2 pb-2 text-lg transition-all ease-in-out"
class="hover:border-b-ecsess-200 {selected ? 'border-b-ecsess-200' : 'border-b-transparent'} border-b-4 px-2 pb-2 text-lg transition-all ease-in-out"
>
{@render children()}
</button>