From 3d18e027f9bfcd92a1c116260b81faf96796c2bc Mon Sep 17 00:00:00 2001 From: Pihkaal Date: Wed, 12 Nov 2025 15:30:54 +0100 Subject: [PATCH] feat: add navigation buttons to bottom home screen --- app/app.vue | 5 +- .../bottom-screen/buttons/downloadPlay.png | Bin 0 -> 18154 bytes .../home/bottom-screen/buttons/game.png | Bin 0 -> 25818 bytes .../bottom-screen/buttons/largeSelector.png | Bin 0 -> 38156 bytes .../home/bottom-screen/buttons/pictochat.png | Bin 0 -> 18154 bytes .../bottom-screen/buttons/smallSelector.png | Bin 0 -> 19311 bytes .../Home/BottomScreen/BottomScreen.vue | 15 ++-- .../Home/BottomScreen/Buttons/Buttons.vue | 70 ++++++++++++++++++ .../Buttons/DownloadPlayButton.vue | 34 +++++++++ .../Home/BottomScreen/Buttons/GameButton.vue | 34 +++++++++ .../BottomScreen/Buttons/PictochatButton.vue | 34 +++++++++ 11 files changed, 185 insertions(+), 7 deletions(-) create mode 100644 app/assets/images/home/bottom-screen/buttons/downloadPlay.png create mode 100644 app/assets/images/home/bottom-screen/buttons/game.png create mode 100644 app/assets/images/home/bottom-screen/buttons/largeSelector.png create mode 100644 app/assets/images/home/bottom-screen/buttons/pictochat.png create mode 100644 app/assets/images/home/bottom-screen/buttons/smallSelector.png create mode 100644 app/components/Home/BottomScreen/Buttons/Buttons.vue create mode 100644 app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue create mode 100644 app/components/Home/BottomScreen/Buttons/GameButton.vue create mode 100644 app/components/Home/BottomScreen/Buttons/PictochatButton.vue diff --git a/app/app.vue b/app/app.vue index 064b605..ead96d6 100644 --- a/app/app.vue +++ b/app/app.vue @@ -21,9 +21,10 @@ const showStats = ref(false);
- + + - +
diff --git a/app/assets/images/home/bottom-screen/buttons/downloadPlay.png b/app/assets/images/home/bottom-screen/buttons/downloadPlay.png new file mode 100644 index 0000000000000000000000000000000000000000..5033a98867e0a580ff91461bcca2b24644a1b16f GIT binary patch literal 18154 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 literal 0 HcmV?d00001 diff --git a/app/assets/images/home/bottom-screen/buttons/largeSelector.png b/app/assets/images/home/bottom-screen/buttons/largeSelector.png new file mode 100644 index 0000000000000000000000000000000000000000..6842e110540b170bc7cf766784e968dde2b45dc8 GIT binary patch literal 38156 zcmeI4O=}ZD7=Yg`(bm)=XhHCx1)&EKQ4bzO(Uim{Vyf0&yj4Yew52LVsD|jplO9FA ziPwN9p*N5H1By4rOBMVBexN%WW;<+mTUuw5-Rv_E=3^)C$1^iKli8g-xim38RNPk- zk)c|(Jn6^p{m-$1?IPar$3J`gj5j|yKIVN|KK#(n6lO~GlE~YqgTJqB^YbG&s*`n* z`=cU_$09%dqQ;8I-J>Gkr$tUa7uh@eYU%PR|H6*h>eYFXBL~&TTX=Kko?qC1r&h1@ ze;eF6R2=>M`q_*xQflSW)Pg64=C4I*wOW5w@T*!6q1-TGT}4}>+6qcH=nKg=nkTRf#l{KpbmNZ^oMwUBl=>5lKce59)oLm>48l9rQkGXyh1>YEb- zT@zpsxF(Ez2tWV=5P(2W5m;G1Fu=P2J=LT*0|5v?00Izz00bZa0SG_<0uX=z1Rwwb z2tWV=5P$##AOHafKmYj$7|)%RL)W0{we`)|L!k8R~(GxeEz3j0D#+|JZ;Ka?=xbdwXBCuvTl;j)Bq$Dzwr;$K(*^^`=%b_GP al;?`TiN@&l+U@hf-%Qjh6Xn*}bn_pt(_V-G literal 0 HcmV?d00001 diff --git a/app/assets/images/home/bottom-screen/buttons/pictochat.png b/app/assets/images/home/bottom-screen/buttons/pictochat.png new file mode 100644 index 0000000000000000000000000000000000000000..25b4f90d8d2a07567c4535dd293142b28bb24683 GIT binary patch literal 18154 zcmeHPL2D#M6n-snH`%yeJeY`rAgl?9dhrkuBumy!4p}sqfbrn!9%OS^7Is$_4{Xz1w^zO}nW0ao z=ch#;Jskb_<0no2#T&B=^CF*L5_#~I$UjE(;6UWw>mq+$7kTqLk!Npz|I2%C8O6x$ z*$?iBy!sNZ=>Csye`bW|@6OF%IsfPAQ=`wn{P5AuZ;eZto0)$9eiXg%&L2M;M7|UO zespxy$Yr*_zYhcNrFGzK2|GJGwuH&aNin>DG9j;1!ayrresy(KHa9nA2#UkQLs#FC z2RMqX{|;TMAj%V=;o)HsMuF70Pee=08zvzt4O}*3z~HqJfzji;ySwphY$hp#6Fc9NM;>z#@}PPxfNpGT%<6~(4Ti`y zMxHWK6vV~dYwamv;2I}nrIAejhzcG_DAL=PB2fwkg zAQywAV3(L8L4kN4GOEjK8vjD!{E|1}Gh5v5-E)Vp-;ueB66y!U_x z_M6|@+Ok#P3hdU$I}5p>e&#WWxElp6D{zQ#>dhI*ZBC{rA^N5_2Csp*A1Xig)4HIp zd|GtM)Y&qj*ReNS7!=x0!UI*7*7hsLa} zt;IV-Er+ePL7A}k$)H1`|7NcFYxg#~B3fBx9>=W%J*l>-HK3pT)YMdb z&$#tiTwJXFu;CfFt~_Ox81qxpkKf?80J@Sso)w2q^OYV#sBGG)Lgg!uMGQ%=#FSNH z2-(^d_^I^6IHQe7lh3Ej-W@X0UYw zqDTavCsH+Se#cf;95^--!KbjMrxSsA!Nr`+F>O6KoiprkFwo*;4Ct<6~!$C9c+oyyz7g3VDzCc{ZLODlDqn>W$HT82dUPP zr%qGWDN7rG(Ftvay-DqTz6OMN*HH+ko2Q(V`m{O|1KJHozofKf z-lf!ob_8E5$!C2{q;ce(@5kw~qfx}ifEGh}$d6u&x?vGWV%&0&*E-F+*pMzHckP)^ zEV$iznMO4&9)Z@UrErkk=NETbTNa5xV!?$2caEy_;Ri0f0ndB2wwVZZ`?Fr;>XbhM zc$Zux;l*Od$S>lkwkZ~Y#DcrMyha7jb%G&T-?sK-K1YPmlGp*Z?F ZBFKe1b0=IdhmD1hC~6ysN)Xh12$CvoP%FXG zQwy6w8ao@Yu@E~ewXlc2V|HfWy!pT1?99!u$E{zUnXXoj zRfwqCYSueCpVyzW2lf-G?TwxHx}X+2(^Klphm((V!Mj~+*NEP3O#GeSr_0B0G&^mg z`;$b=kBR>1s^#xQch3<0oFh87Npy7K`PS@tedFLl^XekesT2HBOD`|n)0N|QTJ6U8 zkBLLo!`|%cBTuwTYSn93mXvyN>DoK$cDw&LY16*R*qMvIO?n2qwNL3bQ?uP_H1_7A zj~ruXF8Va!+iW|Q!p?b<+=EuZ9+Xa5Aqo1;$|w9}N1%{_&!v;#lQnkn*2ClNL(40RFlmkoLmOwb1ifPiZRhGL2J z_Z-o0LDxtp=@H#SvF!*wP7<+;`zF?A`Y6i)RUOxa^WMUw> zt1k^jpKCe8PRrHIW7mQhB|T;>lAx2Gc=c>eOpvD_khC1yW(a0N3ZQwLU=Z>q4F4bi z0w4eaAOHd&00JNY0w4eaAOHd&00JN|5P_YKzdjRHUh)3|4CDZfKwwA-#9nnKz2F(r z_zMp!`htgfYGjDv6A}KDzAKt%$H3C6Ot(e$AV_etPB8 PZ|=6$n5lQC=2rg$(ga%? literal 0 HcmV?d00001 diff --git a/app/components/Home/BottomScreen/BottomScreen.vue b/app/components/Home/BottomScreen/BottomScreen.vue index 440d00f..82ff8f0 100644 --- a/app/components/Home/BottomScreen/BottomScreen.vue +++ b/app/components/Home/BottomScreen/BottomScreen.vue @@ -1,7 +1,12 @@ -