From f2f778d1740c96fde52502919a8c7813712f39f9 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Fri, 10 Jan 2025 17:53:29 +0200
Subject: [PATCH] fix: styles (#407)

---
 .../website/app/pages/(games)/wagon/index.vue | 26 ++------------
 .../game/src/lib/objects/unit/unitObject.ts   | 34 ++++++++++++-------
 2 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/apps/website/app/pages/(games)/wagon/index.vue b/apps/website/app/pages/(games)/wagon/index.vue
index 4c202e9e..ebff21e8 100644
--- a/apps/website/app/pages/(games)/wagon/index.vue
+++ b/apps/website/app/pages/(games)/wagon/index.vue
@@ -7,14 +7,14 @@
         <div class="cards">
           <img src="/qr.png" alt="qr" width="150" class="qr">
 
-          <div class="hidden wagon-card event">
+          <div class="hidden wagon-card event px-3 py-2 gap-3">
             <Image src="/units/santa/head.png" width="44" />
-            <p class="title">
+            <p class="max-w-40 text-xl font-semibold leading-1">
               Рождественский переполох
             </p>
           </div>
 
-          <div class="hidden top-players">
+          <div class="top-players hidden gap-2">
             <div v-for="member in leaderboard?.members" :key="member.id" class="card">
               <p>{{ member.profile.telegramProfile.firstName }}</p>
               <div class="points">
@@ -131,31 +131,11 @@ onMounted(async () => {
     font-size: 32px;
   }
 
-  .hidden {
-    display: none;
-  }
-
   .distance {
     font-size: 48px;
   }
 
-  .event {
-    padding: 8px 12px;
-    display: flex;
-    gap: 12px;
-
-    .title {
-      font-size: 20px;
-      font-weight: 600;
-      max-width: 160px;
-      line-height: 1.05;
-    }
-  }
-
   .top-players {
-    display: flex;
-    gap: 8px;
-
     .card {
       padding: 6px 10px;
       min-width: 130px;
diff --git a/packages/game/src/lib/objects/unit/unitObject.ts b/packages/game/src/lib/objects/unit/unitObject.ts
index c4edc457..6b255519 100644
--- a/packages/game/src/lib/objects/unit/unitObject.ts
+++ b/packages/game/src/lib/objects/unit/unitObject.ts
@@ -51,19 +51,27 @@ export class UnitObject extends BaseObject implements GameObjectUnit {
       this.animationMoving = undefined
     }
 
-    const idle = await Assets.load(`https://storage.yandexcloud.net/chatgame-assets/units/${codename}/idle.json`)
-    const idleSprite = new AnimatedSprite(idle.animations.main)
-    idleSprite.anchor.set(0.5, 1)
-    idleSprite.scale.set(4)
-    this.animationIdle = idleSprite
-    this.addChild(this.animationIdle)
-
-    const moving = await Assets.load(`https://storage.yandexcloud.net/chatgame-assets/units/${codename}/moving.json`)
-    const movingSprite = new AnimatedSprite(moving.animations.main)
-    movingSprite.anchor.set(0.5, 1)
-    movingSprite.scale.set(4)
-    this.animationMoving = movingSprite
-    this.addChild(this.animationMoving)
+    try {
+      const idle = await Assets.load(`https://storage.yandexcloud.net/chatgame-assets/units/${codename}/idle.json`)
+      const idleSprite = new AnimatedSprite(idle.animations.main)
+      idleSprite.anchor.set(0.5, 1)
+      idleSprite.scale.set(4)
+      this.animationIdle = idleSprite
+      this.addChild(this.animationIdle)
+    } catch (error) {
+      console.error('Error loading idle animation:', error)
+    }
+
+    try {
+      const moving = await Assets.load(`https://storage.yandexcloud.net/chatgame-assets/units/${codename}/moving.json`)
+      const movingSprite = new AnimatedSprite(moving.animations.main)
+      movingSprite.anchor.set(0.5, 1)
+      movingSprite.scale.set(4)
+      this.animationMoving = movingSprite
+      this.addChild(this.animationMoving)
+    } catch (error) {
+      console.error('Error loading moving animation:', error)
+    }
   }
 
   addMessage(message: string): void {