From 2ef77c9a555109017635000f179377fa70cf3989 Mon Sep 17 00:00:00 2001
From: Sergio <77530549+sergi0g@users.noreply.github.com>
Date: Sat, 1 Feb 2025 13:53:15 +0200
Subject: [PATCH] Fix mobile dialog not taking screen width

---
 web/bun.lockb                | Bin 125443 -> 125443 bytes
 web/src/App.tsx              |   4 ++--
 web/src/components/Image.tsx |   4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/bun.lockb b/web/bun.lockb
index f7224348e4dcb8fde6748c6dcf0b7877b54fada6..658fb67bde26e863ee5642fa64847226cd567c52 100755
GIT binary patch
delta 700
zcmXBSOHUI~7{>8=Ng5nipn^zIE)_}`S}IjC!2zlTxfdv46l_7nJD@Gbnl3B^g;W=8
zh$m4l65SakMoBj=2*eLS!otLb3)g-C7bg5iX7bB<GV{(nnaP>k%bwfIp7|=@%)Gd0
z|BpIWJL*WPT~iFvGyhCUiK8S-(~8w>y?lsxx$8t3%25OtPU18wV4w=ss6-7s@Sy~y
zxJT7p+=1PE7JijJFFl?Uv>m~56rd2tkOwF7aTGboRSrws`VLQTV@sX0q*H%ST*spN
zY)Nr$1AT4q;|yw5+7cr*%|s0L517Ct5=f#6ZRkTgdeMw9IuJl7TF{R{bYTG9xPVIt
z;Uap_iXbAmDq2{(LKsIBBN)atjNv+N;1+IU2&1@(%czD22HdDbh1zV8`>8HIaU3lO
zVi~JgK?093jVE}FDLlYK{NOb{oI)9PF~s#Hd?9~AH@O*WNa8u3VHPoa2mB>$Fc@N;
z#{$xLftPrL*XnztxE#M2`<eOEDB;7U67_pI56akMGp_=_jqQ)|r-vl!^VWII%xJs3
Gd%F)J+F3~e

delta 727
zcmXZa+iTBZ90%~<Gp%i|40GDB1KaZ37-KDdo3V|}PRt?380MJM5X*(%)*KqjjeN^l
z+zA)dQZ6*PRjXYn%7q(|KR{7lKRos7dG|b@@AuR5{XRqE8AIb4124nt>YVQ(_IFg7
zQ!$JFXskNKL*~fu>W~cSbJJq6{Ah4_c+#C~H;>umQ$Qg_%ws;ql(K+0Wt6j!MO1K5
zt3w>7lBHBd!z)5Z`6S)4namWXlEXBnGlQATA~#A;gp#Z`o*w0Gv@8)?vL1?$xgNbr
zgm`o<5%Q8vn$}RsVwUh#%{Nk?pr0cgrH?IaWgA^=X9wNvWEVZ`W)FMmWgq)Fz)I>^
z6=KQQYN4J68d<|ynrLPnEws``I~}ZN1D$MS6Pt-sMmfclP)ZKjq%nbC4*Dq;y{`$K
z$$I$?ce%$YPIHE{^mB~koS>Cn8u{Q|6%;auF}keZ;D!8*2Khc0xX2*q=%X!lF@6fq
z6<#u5W|%8nrJY;cj^5RVqV$i-K9BsU4V@DU{ONxq)yx$fxLNllKKk_J`ON=2BR$RG
G(Stv2R9c|`

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 18a49be..8dcdaa4 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -66,14 +66,14 @@ function App() {
             <Search onChange={setSearchQuery} />
             <ul>
               {Object.entries(
-                data.images.reduce(
+                data.images.reduce<Record<string, typeof data.images>>(
                   (acc, image) => {
                     const server = image.server ?? "";
                     if (!acc[server]) acc[server] = [];
                     acc[server].push(image);
                     return acc;
                   },
-                  {} as Record<string, typeof data.images>,
+                  {},
                 ),
               )
                 .sort()
diff --git a/web/src/components/Image.tsx b/web/src/components/Image.tsx
index 40bb729..69406e4 100644
--- a/web/src/components/Image.tsx
+++ b/web/src/components/Image.tsx
@@ -38,7 +38,7 @@ export default function Image({ data }: { data: Image }) {
     data.result.info?.type == "version"
       ? data.reference.split(":")[0] + ":" + data.result.info.new_version
       : data.reference;
-  var url: string | null = null;
+  let url: string | null = null;
   if (clickable_registries.includes(data.parts.registry)) {
     switch (data.parts.registry) {
       case "registry-1.docker.io":
@@ -67,7 +67,7 @@ export default function Image({ data }: { data: Image }) {
           <div className="flex min-h-full items-end justify-center text-center sm:items-center sm:p-0">
             <DialogPanel
               transition
-              className={`relative transform overflow-hidden rounded-t-lg bg-white md:rounded-lg dark:bg-${theme}-900 text-left shadow-xl transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-lg data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95 md:max-w-xl lg:max-w-2xl dark:text-white`}
+              className={`relative transform overflow-hidden rounded-t-lg bg-white md:rounded-lg dark:bg-${theme}-900 w-full text-left shadow-xl transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-lg data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95 md:max-w-xl lg:max-w-2xl dark:text-white`}
             >
               <div
                 className={`flex flex-col gap-3 px-6 py-4 text-${theme}-400 dark:text-${theme}-600`}