From e6a9e6797f518d27caba507ac79d07ac8c113b06 Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <kiselev2008@gmail.com>
Date: Sat, 6 Dec 2025 16:09:50 +0300
Subject: [PATCH] feat: update styles for swipe to back

---
 frontend/spa/src/App.vue | 28 +++++++---------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/frontend/spa/src/App.vue b/frontend/spa/src/App.vue
index e03b531..f37d938 100644
--- a/frontend/spa/src/App.vue
+++ b/frontend/spa/src/App.vue
@@ -25,18 +25,15 @@
           <div
               v-if="swiperBack.isActive.value"
               class="fixed top-1/2 left-0 z-50
-         w-16
+         w-20
+         h-20
          -translate-y-1/2
-         -translate-x-12
-         text-primary-content
+         -translate-x-18
          flex items-center justify-end
          shadow-xl
-         border-r
-         border-t
-         border-b
-         rounded-br-lg
-         rounded-tr-lg
+         rounded-full
          py-2
+         text-primary-content
         "
               :class="{
                 'bg-primary': swiperBack.deltaX.value < swiperBack.ACTIVATION_THRESHOLD,
@@ -45,19 +42,8 @@
               :style="{ transform: `translate(${easeOut(swiperBack.deltaX.value/10, 30)}px, -50%)` }"
 
           >
-            <svg
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke-width="1.5"
-                stroke="currentColor"
-                class="w-8 h-8"
-            >
-              <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  d="M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15m-3 0-3-3m0 0 3-3m-3 3H15"
-              />
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
             </svg>
           </div>
         </section>