frontend/src/views/AboutView.vue

@@ -1,6 +1,6 @@
 <template>
     <main class="mx-auto max-w-5xl flex-1 px-4 py-8 sm:px-6">
-        <article class="max-w-3xl">
+        <article>
             <h1 class="text-2xl font-semibold tracking-tight sm:text-3xl">About Private Image</h1>
 
             <AboutSectionNav />
@@ -29,7 +29,7 @@
             </p>
         </article>
 
-        <section id="exiftool" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="exiftool" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">ExifTool runs in your browser</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Private Image uses ExifTool, a widely used metadata tool normally run on a desktop, compiled to work in
@@ -45,7 +45,7 @@
             </p>
         </section>
 
-        <section id="share-modes" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="share-modes" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">Share modes</h2>
 
             <h3 id="zero-knowledge" class="mt-6 scroll-mt-20 text-base font-medium text-foreground">
@@ -67,7 +67,7 @@
                 src="/about/zk-flow.jpg"
                 alt="Zero knowledge upload flow: select image, remove metadata with ExifTool, encrypt in browser, upload ciphertext, store encrypted on server, recipient decrypts locally"
                 :width="1024"
-                :height="471"
+                :height="512"
                 lightbox-id="lightbox-zk-flow"
                 close-hash="#zero-knowledge"
                 expand-label="View larger zero knowledge flow diagram"
@@ -102,14 +102,14 @@
                 src="/about/hotlink-flow.jpg"
                 alt="Hotlink upload flow: select image, remove metadata with ExifTool, encrypt in browser, upload, store encrypted at rest, server decrypts on request for display or embedding"
                 :width="1024"
-                :height="527"
+                :height="512"
                 lightbox-id="lightbox-hotlink-flow"
                 close-hash="#hotlink"
                 expand-label="View larger hotlink flow diagram"
             />
         </section>
 
-        <section id="crypto-shred" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="crypto-shred" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">Crypto-shredding</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Deleting a file doesn't always mean every copy of its data has disappeared from a storage device.
@@ -137,7 +137,7 @@
             </p>
         </section>
 
-        <section id="limits" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="limits" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">Set your own limits</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Choose how long each upload stays available, from a short, fixed period to no expiry. You can also limit
@@ -148,7 +148,7 @@
             </p>
         </section>
 
-        <section id="self-hosting" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="self-hosting" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">Self-hosting</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Private Image is open source, so you can run your own instance on hardware you control instead of
@@ -162,7 +162,7 @@
             </p>
         </section>
 
-        <section id="clearnet-and-onion" class="mt-14 max-w-3xl scroll-mt-20">
+        <section id="clearnet-and-onion" class="mt-14 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">Clearnet and onion access</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Private Image is available over the regular web (clearnet, via HTTPS) and through Tor as an onion
@@ -180,13 +180,13 @@
             </p>
         </section>
 
-        <section id="compare" class="mt-16 max-w-5xl scroll-mt-20">
+        <section id="compare" class="mt-16 scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
-            <p class="mt-3 max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+            <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
                 used for forum posts and quick sharing.
             </p>
-            <p class="mt-4 max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+            <p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
                 Features and privacy policies can change, so check each provider's current documentation before relying
                 on any particular capability.
             </p>