model page back button

viewer/src/routes/models/[slug]/+page.svelte

@@ -16,10 +16,15 @@
         const image = event.currentTarget as HTMLImageElement;
         image.src = placeholderImage;
     }
+
+    function exit() {
+        window.history.back();
+    }
 </script>
 
 <div class="container">
     <div class="header">{data.model.title}</div>
+    <div class="exit-button" on:pointerdown={exit}>x</div>
     <div class="model-container">
         <div class="model-info">
             <p class="model-header">Info</p>

viewer/src/routes/viewer/[slug]/+page.svelte

@@ -287,16 +287,6 @@
         }
     }
 
-    .exit-button {
-        position: absolute;
-        top: 10px;
-        right: 16px;
-        color: #aaa;
-        font-size: 24px;
-        cursor: pointer;
-        font-weight: bold;
-    }
-
     .hud-toggle-btn {
         position: absolute;
         right: 0;

viewer/static/global.css

@@ -12,6 +12,7 @@ body {
     margin-right: auto;
     max-height: 100vh;
     overflow-y: auto;
+    position: relative;
 
     @media (min-width: 576px) {
         max-width: 540px;
@@ -30,6 +31,20 @@ body {
     }
 }
 
+.exit-button {
+    position: absolute;
+    top: 10px;
+    right: 16px;
+    color: #aaa;
+    font-size: 24px;
+    cursor: pointer;
+    font-weight: bold;
+    transition: scale 0.2s ease;
+}
+
+.exit-button:hover {
+    scale: 1.1;
+}
 
 .header {
     padding: 20px 0;