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

Minor update

Browse Source
This commit is contained in:
Antoine Phan
2026-01-21 09:07:05 -05:00
parent 0930cacce8
commit b75194eb95
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app.css
View File

@@ -27,8 +27,19 @@
/* Black variants for UI elements */ /* Black variants for UI elements */
--color-ecsess-black: #1f1f1f; --color-ecsess-black: #1f1f1f;
--color-ecsess-black-hover: #161917; --color-ecsess-black-hover: #161917;
--animate-wiggle: wiggle 0.5s ease-in-out; --animate-wiggle: wiggle 0.3s ease-in-out infinite;
@keyframes wiggle {
0%,
100% {
transform: rotateY(-3deg);
}
50% {
transform: rotateY(3deg);
}
}
/* --animate-wiggle: wiggle 0.5s ease-in-out;
@keyframes wiggle { @keyframes wiggle {
0% { 0% {
transform: rotateY(0); transform: rotateY(0);
@@ -44,7 +55,7 @@
} }
} }
--animate-wiggle-back: wiggle-back 0.5s ease-in-out; --animate-wiggle-back: wiggle-back 0.5s ease-in-out;
@keyframes wiggle-back { @keyframes wiggle-back {
0% { 0% {
transform: rotateY(180deg); transform: rotateY(180deg);
@@ -58,7 +69,7 @@
100% { 100% {
transform: rotateY(180deg); transform: rotateY(180deg);
} }
} }*/
} }
* { * {

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

@@ -82,7 +82,7 @@
<div <div
class="grid h-full w-full rounded-2xl text-center transition-transform duration-500 transform-3d {showDescription class="grid h-full w-full rounded-2xl text-center transition-transform duration-500 transform-3d {showDescription
? 'transform-[rotateY(180deg)]' ? 'transform-[rotateY(180deg)]'
: 'transform-[rotateY(0)] hover:animate-wiggle'}" : 'hover:animate-wiggle transform-[rotateY(0)]'}"
> >
<!-- Front Side --> <!-- Front Side -->
<div <div
@@ -129,5 +129,3 @@
</div> </div>
</div> </div>
</div> </div>