From 7b4010e4fecf66849c3fbabcb5d0738d1a9f62db Mon Sep 17 00:00:00 2001
From: data-miner00 <data-miner00@users.noreply.github.com>
Date: Sun, 29 Sep 2024 07:42:30 +0800
Subject: [PATCH] refactor: Fix css naming typo

---
 src/routes/(public)/card/Card.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(public)/card/Card.svelte b/src/routes/(public)/card/Card.svelte
index d89854f82..584a83f31 100644
--- a/src/routes/(public)/card/Card.svelte
+++ b/src/routes/(public)/card/Card.svelte
@@ -231,7 +231,7 @@
 <svelte:window on:keydown={windowKeyDown} />
 
 <div class="cb-card" class:active class:interacting style={styles} bind:this={cardEl}>
-    <div class="card__translater">
+    <div class="card__translator">
         <button
             class="card__rotator"
             aria-label="Expand the Card"
@@ -320,12 +320,12 @@
         }
     }
 
-    .cb-card.active .card__translater,
+    .cb-card.active .card__translator,
     .cb-card.active .card__rotator {
         touch-action: none;
     }
 
-    .card__translater,
+    .card__translator,
     .card__rotator {
         display: grid;
         perspective: 600px;
@@ -334,7 +334,7 @@
         will-change: transform;
     }
 
-    .card__translater {
+    .card__translator {
         width: auto;
         position: relative;
         transform: translate3d(var(--tx), var(--ty), 0) scale(var(--s));