From 896b89f3b0dd8e9ca9a1160351b99a9101e497ef Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Mon, 19 Oct 2026 03:33:10 +0000
Subject: [PATCH] refactor(frontend): stories archives drop tile styles and
 imports that live in the tile

---
 .../stories/AllStoriesArchive.svelte          | 59 -----------------
 .../components/stories/StoriesArchive.svelte  | 64 -------------------
 2 files changed, 123 deletions(-)

diff --git a/frontend/src/lib/components/stories/AllStoriesArchive.svelte b/frontend/src/lib/components/stories/AllStoriesArchive.svelte
index 3596dd0..a1c1327 100644
--- a/frontend/src/lib/components/stories/AllStoriesArchive.svelte
+++ b/frontend/src/lib/components/stories/AllStoriesArchive.svelte
@@ -17,7 +17,6 @@
   import Spinner from "#lib/components/ui/Spinner.svelte";
   import { peerName } from "#lib/format/peer.js";
   import { t } from "#lib/i18n/locale.svelte.js";
-  import { poster } from "#lib/media/poster.js";
   import { accounts } from "#lib/stores/accounts.svelte.js";
   import { toasts } from "#lib/stores/toasts.svelte.js";
 
@@ -296,62 +295,4 @@
     gap: 0.125rem;
     padding: 0 0.125rem 0.125rem;
   }
-
-  .tile {
-    position: relative;
-    aspect-ratio: 9 / 16;
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-    background-color: var(--color-background-secondary);
-
-    &.expired {
-      opacity: 0.55;
-    }
-  }
-
-  .tile img,
-  .tile video {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .play {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-white);
-    text-shadow: 0 0 4px rgb(0 0 0 / 50%);
-  }
-
-  .ph {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: var(--color-text-secondary);
-  }
-
-  .badge {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-
-    padding: 0.125rem 0.25rem;
-    border-radius: 0.5rem;
-
-    font-size: 0.6875rem;
-    color: var(--color-white);
-    background-color: rgb(0 0 0 / 45%);
-  }
-
-  .views {
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
 </style>
diff --git a/frontend/src/lib/components/stories/StoriesArchive.svelte b/frontend/src/lib/components/stories/StoriesArchive.svelte
index 97e3b4f..9845216 100644
--- a/frontend/src/lib/components/stories/StoriesArchive.svelte
+++ b/frontend/src/lib/components/stories/StoriesArchive.svelte
@@ -10,7 +10,6 @@
   import Icon from "#lib/components/ui/Icon.svelte";
   import Spinner from "#lib/components/ui/Spinner.svelte";
   import { t } from "#lib/i18n/locale.svelte.js";
-  import { poster } from "#lib/media/poster.js";
   import { accounts } from "#lib/stores/accounts.svelte.js";
   import { toasts } from "#lib/stores/toasts.svelte.js";
   import { page } from "$app/state";
@@ -213,69 +212,6 @@
     padding: 0.125rem;
   }
 
-  .tile {
-    position: relative;
-    aspect-ratio: 9 / 16;
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-    background-color: var(--color-background-secondary);
-
-    &.expired {
-      opacity: 0.55;
-    }
-  }
-
-  .tile img,
-  .tile video {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .play {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-white);
-    text-shadow: 0 0 4px rgb(0 0 0 / 50%);
-  }
-
-  .ph {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: var(--color-text-secondary);
-  }
-
-  .badge {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-
-    padding: 0.125rem 0.25rem;
-    border-radius: 0.5rem;
-
-    font-size: 0.6875rem;
-    color: var(--color-white);
-    background-color: rgb(0 0 0 / 45%);
-  }
-
-  .pin {
-    top: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .views {
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
   .more {
     width: calc(100% - 1rem);
     margin: 0.5rem;