From bba281bbf63b598a2bed14ac5d6915cb8053d44b Mon Sep 17 00:00:00 2001
From: loshido <loshido@pm.me>
Date: Sat, 7 Jun 2025 15:07:41 +0200
Subject: [PATCH] =?UTF-8?q?Ajustement=20des=20tailles=20de=20polices=20sec?=
 =?UTF-8?q?tion=20appel,=20+=20taille=20des=20pages=20ajust=C3=A9s=20pour?=
 =?UTF-8?q?=20les=20navigateurs=20t=C3=A9l=C3=A9phones?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bun.lockb                               | Bin 235308 -> 235300 bytes
 src/routes/admin/layout.tsx             |   2 +-
 src/routes/dash/appels/index.tsx        |   8 ++++----
 src/routes/dash/appels/style.css        |   3 ++-
 src/routes/dash/layout.tsx              |   4 ++--
 src/routes/etc/password-reset/index.tsx |   2 +-
 src/routes/index.tsx                    |   2 +-
 7 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 0a94f162e68bb70fb5cd592b1ff1b6b248bef254..b5a1a717eb0446df7a6cb53eecc8958cd5f2caf2 100755
GIT binary patch
delta 1598
zcmXZce@v8h9KiAC`J6{k8*8J}6%-1l0(#s};DEd1I7|%XR6sijrXw;7SSQ3Exple3
z5<zGYUqk<^+4>>t2kzR^5Cw~Z2!DY1BSAL{o95P*uCjVFe74t~&*%I7-uL-@KhN&@
zv?un1p4g6Jy>n-vIiMd2NXVtPsD78knf7XP*JGk-I^jcTjm)^jpqqvnizD~kpL>*e
zG@|E7L=S5Q)<a;xJQxv$2M~?x{O%Xrz<EsK0xsebE+dJDCSx&{U>Q=7iZm?83YcMm
z6*gT9Yjy$$oX9{Xvfx5Ca^QvsUgW`td=y|Mp28|DL;{|G5mAW7E)Lv`-PnT`%r>l5
zOVhMAf_-Sm+js|^co$tz*pK(rv|HjU7ZD~S9tr55r)ei}5(5~-DSV6XFof^%1BNkz
zA2EubFox4OgR?5=k&<vZJ+HvCs6-VuqXeZ`ie*SaA|>3U|F<xOX<S8!V>h4?VZ4q#
zXh9w7@fO~|F4W>Md%dJ<0c|bGtJs0p@COrDFokI}G4?#R;%oAwSVz1Dt!TqOv?E4W
zhrF^RrJpqeIE5ql3ZJ6~@8cl4aX<}uC9y1>&;l!Lu)_f-GLVTZxR8w;<iZUPyvTzO
z`S7Dax$`95*h#0mR47j}!}WA<3##!PYLJTMSOGKAVSyDk*x`T^8OTHyT*yWaa^Z#t
zUfki0{DpsT4X@CcJF^GdOVEsB1aOTqui^#bZ8%PR4C{$EphN|IlIHq|A&pdrV1o2K
zF5n_A;WW<REWW@HK2gVfvcT9)2RhWGPl_HdqPjxdqpG{C*v)P)qK~*r`SPXDWFY;O
zbOt};9KKX0zf_yvWU34su?azxt2V#bO*dHe8*btjen+o5=a;2=rMl;rMB~4V{HGQb
z@E#TtCZUhQZd1t>oWMy8U=YL14<dq{XhaiMp%AO_G>WhWYf+2<)?qz1pai8T!$xf4
zJE1*85LA~7WI@vG*K!1-m}EFacS<?e82NSbG5K)*N_iySVYX^dlAHK*g^h)OCdajZ
z9IaPb%~pr92E`%Vw+5wGcdCSPvFQ#KD3@M?-E31)6;hO7wU{m1!)zQgyMd!S^mpvc
z=D7_rB6Stw+_CufIM3wzY+~;IU~a?qYV)@GhQ=+mwdRJJx~7`#YGhne)!lJ99y4`+
XSs>CsA&0(+>FA<#u1@uGm*MFDgI@c;

delta 1580
zcmXZce@v8h9KiAK^EnTpHr9rxE6!hFrJx7*3pn8JI1Up-ITer&l-Z~>OSen2EjKTh
z*aQ(<##fR5bh>`XX5r43N+?p+nfW7r_#;I(leV(0EnQ{$zTvaI_W69jpXd8L-{<q(
zJ^Q;-KkrK2S!r}`4mE|0BO!@+j27MNku=M8HFi8BN*Sb2qB%C|5tCs#$6Oj?-{acT
z<nfqMBrzjuHYt^iB#gs&7*H@l@GI+n!)**<7?*JcS8)w<xv3X+l;H*VP>Kx9fEzXh
zP=FFcMb&d8GcgNA@FNR($VNV9qY!g251H^F7Y;b#!ZcVh1<5cY37Y5Gf)?yR6A}&E
zs<M@8C27Mhe1wnjA$Fr3d$0}7dc-T~%QH!*BOO+JJ5H&S=*3Uy!v%bYGdPWY{D2=3
z$61`iMO?xue2?=w?31eK3VOaA4XDR5)S(L1cpkGb6Tj2@KQNW8+#rtNCSK#QS7HH<
zQTrO}$=4x*ZD_^~=0|WH8yLTncqeN})?yLf#}>SaL!9&mF^c!F5bt6WHsUYp+lj5%
zfi|R|m-&A5;Ruf6F!rGfo#?<`98h|bUov#uFV>oTCQ48MKb#1_gB%pXg;JEE2tgDh
z7jAfAhYxvhXm5$+nA_?1E*&Y6{OHT{u@SG}Rjh>@c6d>U0u-Sb9{Ayd4Nka_gM8#+
z4jjlu7G~o=-pfC@hg(=hYhE{$Lmg*Z-{5T~?h#vvH;K1UMZOqI(1c2abT}Z{o-Zh$
z!Dsjcijo1r6^26?#8q6z1zf}>eLNtO%sc5ohaL_{#pH5!SAhrYYBj5SIO{$d$hYc1
zsq|RBWN2de3vm>8@UylArO^^*dMRpAgF1YmTZ7`1ZlzBIWuhJm$_!(feh`$Y=7+5O
zUr#Ti^BJVm(8E^#<lfhD3Vk?<(+SjLh+{L>V*?hV9P?0v7g38!giwJ6Sd1zxK{Z}N
z81wlys6`}8^|dmYl#%#K#&H(IOh@QPHBWM$al&nNaN=B<knXVA)w9$s{0E}u^1n0F
z+CEJ-8tgW^L)*jR61UPT!_sXywY5$hhC_$yq}#+Yom4LsR=15`=2KiaC2;{)N95ns
z(G_DCaL3lvi+iKx{s8ymI662MpD14UR-^72pppFplBMqsNN>uW$Hm&%SA%lkM9S`V
NHq6nfSGAjtJp!ek^)3Ja

diff --git a/src/routes/admin/layout.tsx b/src/routes/admin/layout.tsx
index 63adcea..5e53a24 100644
--- a/src/routes/admin/layout.tsx
+++ b/src/routes/admin/layout.tsx
@@ -33,7 +33,7 @@ export default component$(() => {
     }
 
     return <section 
-        class="w-svw h-svh sm:grid overflow-hidden"
+        class="w-dvw h-dvh sm:grid overflow-hidden"
         style="grid-template-columns: auto 1fr">
         <div class="sm:hidden p-2 flex flex-row gap-3 border-b items-center">
             <div class="p-2 hover:bg-black hover:bg-opacity-10 rounded
diff --git a/src/routes/dash/appels/index.tsx b/src/routes/dash/appels/index.tsx
index 91d0766..7d17c8c 100644
--- a/src/routes/dash/appels/index.tsx
+++ b/src/routes/dash/appels/index.tsx
@@ -273,7 +273,7 @@ export default component$(() => {
         }
     })
 
-    return <section>
+    return <>
         <div class="text-2xl font-medium p-5 sm:p-10
             flex flex-row flex-wrap gap-x-2 items-center">
             Appel du pôle 
@@ -288,7 +288,7 @@ export default component$(() => {
         </div>
         {
             state.pole
-            ? <div class="appel w-full flex flex-col gap-0">
+            ? <div class="appel w-full flex flex-col gap-0 lg:text-xl lg:leading-6">
                 <div class="ligne tete font-semibold">
                     <Entete
                         trie={{
@@ -347,7 +347,7 @@ export default component$(() => {
                         /> )
                 }
             </div>
-            : <div class="w-full h-full sm:px-32 md:px-48 lg:px-64 xl:px-96 flex flex-row gap-2 items-center justify-center min-h-96 font-medium">
+            : <div class="w-full min-h-96 sm:px-32 md:px-48 lg:px-64 xl:px-96 flex flex-row gap-2 items-center justify-center min-h-96 font-medium">
                 <LuTag/>
                 <p class="w-2/3 sm:w-auto">
                     Vous devez choisir le pôle pour lequel vous voulez faire l'appel!
@@ -375,7 +375,7 @@ export default component$(() => {
             }
             
         </div>
-    </section>
+    </>
 })
 
 export const head: DocumentHead = {
diff --git a/src/routes/dash/appels/style.css b/src/routes/dash/appels/style.css
index cb12ca3..34c466a 100644
--- a/src/routes/dash/appels/style.css
+++ b/src/routes/dash/appels/style.css
@@ -2,7 +2,7 @@
     border-top: 1px solid #0001;
 
     display: grid;
-    grid-template-columns: 200px 200px 100px 40px 40px;
+    grid-template-columns: 20dvw 20dvw 15dvw 40px 40px;
 }
 
 .appel .ligne > * {
@@ -19,6 +19,7 @@
 .appel .ligne.tete > *{
     cursor: pointer;
     user-select: none;
+    line-height: 1;
 }
 
 .appel .ligne .cube{
diff --git a/src/routes/dash/layout.tsx b/src/routes/dash/layout.tsx
index 38cf7a3..b3ccbff 100644
--- a/src/routes/dash/layout.tsx
+++ b/src/routes/dash/layout.tsx
@@ -26,7 +26,7 @@ export default component$(() => {
     }
 
     return <section id="dash-layout"
-        class="w-svw h-svh sm:grid overflow-hidden"
+        class="w-dvw h-dvh sm:grid overflow-hidden"
         style="grid-template-columns: auto 1fr">
         <div class="sm:hidden p-2 flex flex-row gap-3 border-b items-center">
             <div class="p-2 hover:bg-black hover:bg-opacity-10 rounded
@@ -37,7 +37,7 @@ export default component$(() => {
         <DashNavigation
             open={menu.value}
             permissions={permissions}/>
-        <div class="w-full h-full overflow-auto">
+        <div class="w-full h-full overflow-auto pb-12 sm:pb-0">
             <Slot/>
         </div>
     </section>
diff --git a/src/routes/etc/password-reset/index.tsx b/src/routes/etc/password-reset/index.tsx
index 8b91856..a1a1538 100644
--- a/src/routes/etc/password-reset/index.tsx
+++ b/src/routes/etc/password-reset/index.tsx
@@ -3,7 +3,7 @@ import { DocumentHead, Link } from "@builder.io/qwik-city";
 
 import Cat from "~/assets/cat.png?jsx"
 export default component$(() => {
-    return <section class="w-svw h-svh">
+    return <section class="w-dvw h-dvh">
         <Link href="/" class="absolute top-4 left-4 font-light
         hover:text-black hover:text-opacity-25 transition-colors">
             Revenir en arrière
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 5162750..66edc06 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -89,7 +89,7 @@ export default component$(() => {
     })
 
     return <section class="flex md:grid flex-col md:items-center gap-2 sm:gap-10 
-        p-5 md:p-10 w-svw h-svh
+        p-5 md:p-10 w-dvw h-dvh
         md:grid-cols-2 md:grid-rows-1">
         <FlowField/> 
         <Form