From fa6e1613f24b68dd6db641b3c6b8ea9e55ba72dc Mon Sep 17 00:00:00 2001 From: synzr Date: Mon, 1 Dec 2025 09:27:37 +0500 Subject: [PATCH] feat(components/tiles/pages): image page --- src/lib/assets/images/test-rectangle.webp | Bin 0 -> 7894 bytes src/lib/assets/images/test-square.webp | Bin 0 -> 6326 bytes src/lib/components/tiles/Tile.svelte | 9 ++++++-- .../tiles/{ => pages}/TileIconPage.svelte | 2 +- .../tiles/pages/TileImagePage.svelte | 21 ++++++++++++++++++ src/routes/(tiles)/+page.svelte | 18 +++++++++------ 6 files changed, 40 insertions(+), 10 deletions(-) create mode 100644 src/lib/assets/images/test-rectangle.webp create mode 100644 src/lib/assets/images/test-square.webp rename src/lib/components/tiles/{ => pages}/TileIconPage.svelte (93%) create mode 100644 src/lib/components/tiles/pages/TileImagePage.svelte diff --git a/src/lib/assets/images/test-rectangle.webp b/src/lib/assets/images/test-rectangle.webp new file mode 100644 index 0000000000000000000000000000000000000000..d5992ad00f7b741a9682765afcd37d81957b30c0 GIT binary patch literal 7894 zcmV;{9x35cNk&G_9smGWMM6+kP&gpM9smIFi~yYhDvbf+06vjIoJu95qM@f0O8Br6 z31e>IZNUR!ots@t*ZIv_ztHdkSzc|O6X#d`pR2zYu9}`}{MG$3e`oaz{+-nu=%Lcv z`-?N=P>*hY>E^@q{%L)$_5k3Zpbzu! z@ZO9X5c=o;hq#~YSEnDcFW!G-eui8*V&4@3Lhk`i0vsk)$- zztPm&k(ukY%rldaC6m!c5t;~<324XFc&IlONDM_Jy_9nBbwMwGqp7-eyvAogXM02~%cwcq4_o4T4azoMJvfZ)iEmvHW)pa!?MHx_E zVjYo4vgEtPuuhwN@J`Xs;D5)Mk{u8&)l`q|EJ}zid_NWM_x^vWm6E@n6ubZ|s{Ebl za-$VTA;T|t~C!{?!>Jtq@B+Y2of7bWhv(>sPI=rdZa8`R{U1%-*A<|DB9Y4ng-** z6 zi1}@JW}g(`DZJ8b1Ttr6ynOPXqr1sZZvoy?FNHdjFk`V_7$N`K@XWK;#pOqo!WF>m zn&FOwasYBx3rd{R@LP*ogtW10e(vjHaST!*FSpC_j;f*rX`qd|hIt1A5Unwfh>P2= zHQ5$nQWHXqJNj@~j2;;_Zs8kIaE!(=4M*c;{dtLWgU^2^%<2K$1NO|3!c3I^!sN>D z;_@zeQ47Zr5Yt7fnH_1qzC!=*JD2VxGojU4Z1$QDd9WS~rk*}es_2HTj|ZGF{x%jI z#$ZUQo1}I*x4eoQmrCQpgyY`U_21TS1RJ;0d#mAw(2H7qQ0*j!3#;gv~<0fZxWSkYl!X> zO+P3BH>Ft?vMx9%4dj!H+k_nT5CMg@mrwtjfA?kl@M$z@#&knq8nB(IKe-2(;mK#A zvF;`a)m3WJQ{w(?Wj*0A3h~0(AvnH1!$AZk@cJo!J_4(k#5kHi)Wf@2l@UKOWFqg1 zR{4lpKs$HMnJbk__>O-udV7&5;s#t5f&-C_O+;@ZeZ9$MttO67#IP2RCa;~!4B{0Z zvlu9g)dI}^^e{}@Ib3pxoTyI+{mI58^N;G>KW*BtQ`{$}`5P@fA}0v6#naW`A=+|ftB*=Bg~A$9 zhAk3bkBg6T6Q?-&NR5|Qb^ho6RzYa{Sysd_$UW%EYXXama2=^T_iZ1uOn6aX+J< zxn+RoVl+!8Ss-BFnt w zhm=drYV4FDoK;5?Ez!niJiqpWCnlEpji4yq)13`%;O!ak2G6A!K(?U zot3Fe`_}zJ&|~>*;diRxPyVYW;pyIa;8{*Yk|_zVAKZT5R}SSsBPo+{genpUH)m*k~652 zHI|i+AjgzLC%>prib^5`F2hklNQQ_ zmu6J%Zi`^zc9k!k1~JpH!W8xehnfVn6#==YU1=!Sh2AKGaCo7e%o65Hi24XL;Ko7A z@mI%O0D{l~n*MdARXAh7h)%Qj*`vGDXTNkBY!z_xTK`g)F`}51f2VZP#M^>!Cp*Mes!A6X`_@6{F)skEXZe?3>Q1IuFLnRLE z-_AI#cskG2?unTnZTmPi4J?PRTL9?7oo+?=iN^A=jz!H8HkY%njbyjvJP}(xTqMr_ z8~h{TM-7vff!uyO32AFhB(E4ojMOvswfRS{T_>inkdmGXA3s=1mRb`ph7I Q_mx zBRC*vEyGy3?SbU$KOCvDjqTgp3cQ{Z^#2IByjqqbcpt}F={857MHhz4w?=&dpDQFb zA=h=%+(|e0eL~k9w`V`f?80LCgy+rpnSuP4l)IugWSf`+*67_%0AGNyJWi|<;%=>} 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 import { cva } from "class-variance-authority"; - // Base size for a icon in pixels. + /** + * Base size for a icon in pixels. + **/ const ICON_BASE_SIZE = 45; + /** + * Properties. + */ let { size, row, @@ -45,7 +50,7 @@ Metro-like tile. Must be in a group to display correctly. size: { small: ["row-span-1", "col-span-1"], medium: ["row-span-2", "col-span-2"], - wide: ["row-span-4", "col-span-2"], + wide: ["row-span-2", "col-span-4"], large: ["row-span-4", "col-span-4"], }, }, diff --git a/src/lib/components/tiles/TileIconPage.svelte b/src/lib/components/tiles/pages/TileIconPage.svelte similarity index 93% rename from src/lib/components/tiles/TileIconPage.svelte rename to src/lib/components/tiles/pages/TileIconPage.svelte index 1add64d..c3fc746 100644 --- a/src/lib/components/tiles/TileIconPage.svelte +++ b/src/lib/components/tiles/pages/TileIconPage.svelte @@ -10,7 +10,7 @@ Icon page for a tile. Must be in a tile to display correctly. name, }: { /** - * Icon. Must be a valid image URL. + * Icon. Must be a valid URL. */ icon: string; diff --git a/src/lib/components/tiles/pages/TileImagePage.svelte b/src/lib/components/tiles/pages/TileImagePage.svelte new file mode 100644 index 0000000..d92a621 --- /dev/null +++ b/src/lib/components/tiles/pages/TileImagePage.svelte @@ -0,0 +1,21 @@ + + + + +
diff --git a/src/routes/(tiles)/+page.svelte b/src/routes/(tiles)/+page.svelte index e9da5c1..811a453 100644 --- a/src/routes/(tiles)/+page.svelte +++ b/src/routes/(tiles)/+page.svelte @@ -1,22 +1,26 @@ - - - - + - + - + + + +