Improve mobile gallery styling

2023-09-25 14:48:33 +02:00
parent f06823e4e3
commit 53f5a48d3e
4 changed files with 5 additions and 5 deletions
--- a/src/lib/components/VolumeItem.svelte
+++ b/src/lib/components/VolumeItem.svelte
@@ -12,13 +12,13 @@
 </script>

 <a href={`${$page.params.manga}/${volumeName}`} on:click={onClick}>
-  <div class="flex flex-col gap-[5px] text-center">
+  <div class="flex flex-col gap-[5px] text-center items-center">
    {volumeName}
    {#if files}
      <img
        src={URL.createObjectURL(Object.values(files)[0])}
        alt="img"
-        class="object-contain w-[250px] h-[350px] bg-black border-gray-900 border"
+        class="object-contain sm:w-[250px] h-[350px] bg-black border-gray-900 border"
      />
    {/if}
  </div>