From ea6167fcbb66046685aefad81f1e3d20bee86288 Mon Sep 17 00:00:00 2001 From: Colin Kallemein Date: Wed, 1 May 2024 22:33:13 +0200 Subject: [PATCH] Added buttons to login screen Adjusted styling --- public/assets/Button_1.png | Bin 0 -> 3054 bytes public/assets/Button_2.png | Bin 0 -> 3040 bytes public/assets/Button_3.png | Bin 0 -> 2933 bytes public/assets/Button_4.png | Bin 0 -> 2916 bytes src/App.vue | 2 +- src/assets/main.scss | 18 +++++++++ src/components/screens/Login.vue | 66 ++++++++++++++++++++++++++----- 7 files changed, 76 insertions(+), 10 deletions(-) create mode 100644 public/assets/Button_1.png create mode 100644 public/assets/Button_2.png create mode 100644 public/assets/Button_3.png create mode 100644 public/assets/Button_4.png diff --git a/public/assets/Button_1.png b/public/assets/Button_1.png new file mode 100644 index 0000000000000000000000000000000000000000..6efcac44c4ca2218e85df0f493fecd7fd6501475 GIT binary patch literal 3054 zcmVj^(u000ZMNklc-W3V{Tc zERYb`5*~YI?0I?mQC*dp@k00B$m+I*C{0ggWky8a$GPX82zvFc`!QdfelM-gK8XG5 zMvm!uK}m)TO54FU3*%<9dt^)~IX!WRy@~7D4vn|Y$FOWH^|2tW`!rg@kV?VBv$5c7 zpI7%g$_YdS{;xbZS$$>9Vb@Z~$&~_U30noY9dmgGU?ieUz<#sXe$6d*-?iQLFRk~; zWJaX;eT3Ct%(&Y2r4J?!JHr@5=j{xJN}y(5?Ch;P+xY{wu8nl`=KbQft^xdd3m|2b z0+fUP*Hp5^b4n>~M#+Kz%$2A5K6x$+6y&VIPl>;?*u=xh6r`9X2y(C5 z$A88-^yeoyfBpq_ZrsLv|0Wn>j%rc5*HG|u|lT8H2oI6s@~gy|!2XkeU|Nep%Vuu+n=m<8T8 zSy-#^a-Lz8Q89d(XC-R%?l!I7M>yZhkW`~IgIm3AmvPQ^?ZA#23 zIm_6Qc_sx}i?36P8)PBrxb5q=v3u(n&1@#YvI`G-?b|;n$UzLYZ6^kmz*#g3J5t8B zY;29VXF^!55mUn9;Vmqe=jc~GtannEF-CDv$VT8~m2jkll}(4ChjU(>-shNnlheL#A<5X6Bb$6=vhrhkExVSh+*KNV&Twvh<=V1#WlR}1zoHJCY zz!`NWkEuFmFCi#S*$rE>v(vqaowWom9Wymk6@y=?+bMu#l(aZjrUoNPc{KW7c8GiJ zhAT*uQ0=0kehjN6MpMwv_YnIf1h|-Yu>2zF5T>@EupumkY0#)wSW6Z*8PuL>j7M#d zwPhq_-YF=CdorXJr}iP^q>U-jNLO~g!g6}f$fBD4r2Wn~5ET&@63lW*bcG$y+P|Aw z2Ttno@exj*K7x~CCWnj>hJ{Dw>?$jB|BES9Ra5ERHKKHcJd9GmT%$7TrJ1$u6m=Bp zWZtN^q9ZDdC&wpt=en0}UZ!@IwOtw7a6z3^=NTa;eh;-C$@G}HPR0$ZHTJLVfHi{B9q)k~FaZ-|!wS;)RjDQdbeXr=Sg_%Af=Rvy) z2>EsZKNtw+5ULX?)I z8e5qjBJQs%e{L#SM!x?0wCP6UMpoi4W*^6sSVkDX=N$&xcCS&!H8-XaV}g2NMIIKz5Kpxdv! zRm#>5^3bE@ZCD&t(eNnlYn8d#6yJD#>GZr3%G495dkj@$H7i%|bDVichPoRno3Xre zOJbaE7?iC^3?0Qu<`p~j;+ljc?MEGFp~R#$%@uU=mQYF|sKPTAjw9%r4qn81Mk<8F zLW5yg>y{@qb#EzImAwFKZmYpy$Lqaj)}n1@7zmw>DXR9C)Te2#$Ne6IHGW*)LnC%~;oIe2y zlSB`X*_FL6*D2RYylfr7rUhNqz|*}<%;HXZuuFdP?CWDi$bm#+>Rw!7E@FrKH#^8j z9!#v=;!3-ts;sP(N}*hDb25tT;~9~R2!%eFoiS!!mtkfJf%S94&@|f9xQ$3wEu4u= zXS#_m1#LU~iZ(9w)PV_#4Gl3#CLMHlBcw%DNtLqM2g{aF+Ruo&Yz+;l2um!aX-7|2# zB*1usz-=RCaj2VjI6Xa+$f@|(BOzC}lEWD42A`0`=p;t5bG#7{g;p~?5g-4JQ*9DS z0QkCGQDcfY12hfBek~4NzkYzn4c*i}O=Gq9KLg1WhKFvQbbf1Fy=*s~{Lp% zN2^?%gb6k>kv0-jS_^AoE&=G~fHRZi5U{{1~S4(W~?xP!*u8ld%P&5LZJKX6uA|xh4qiO-F#Qrcw~ugka)N{7H{s`7FuY4~85ju5 z^$S=&3UFTZX&Qgr4 zQVNUhwv@63;J8BMQve^-b*FOJ)CUpWspIyE=&|p%ZXO)n`{B_WZ~uC6_YJrlKY9Om wzk2W5oqMxkefm$zA#E?_c=F_#CsX$S3)!%Av8Wlzj^(u000Z8Nklh1O{?K%)8(4c>WjOot+cWcFbHsK<7|X#dC7V zxiFQA#0-~81vAJyz=4pNxl|M|GJ$I(@CcyD6`&*FUIjJ|=nL>M0arm-EQ5F5YW<>H zu6|X0{53fTd4lrr!(o5%_jK5O$hB^J4{{U^Zn*}Qn?Jh6@jGKqeQU?H0hj#6eia-IS^zlV!|4nF+Sb^RY)=-~S$LcfHQZ|nhG3v`{#tY2B1 zTqFWOPWK^eWetYhBh>A4(Cs(hWrD}<H>+KPl7X*jPk1b4Zll|29wDE9c*W|K1+Xl!?^@6#2o)hjxK7`I zT8q^LRh&Qj61%f!SYLe&tJCX%4+uoTHbge71}Ss~6Id3Vz+#S=MOz_GT6ri^n>oYP zqMJ4NS1k!o3@!yFXI-f9f&jrQCM%$Um0dZI=Q*ni6A6GW$m>rDkY>(%&72PrRp!#5 zdCj^!FaOJ!XP-Yn$qBo&=eTm~9?-23NHfkjxp4>2A3em;^;Z1a3LS6d5@Tptx7j4f27P=zi9W(F z0z$u7X&_H--o@tnZB(hqa_l|gsk{(zU8V_ZEw#-q>wtLOj(8vYW>Dn%A5E`lwmL2+$E zxnzs5WYv4iu)HOu8HTc0sV~`>1hDIR;{cmbpDU#pcR8C|0xY#&QpRGv#Adz0ugSy z(xO=xa+7Pdq0D%uG$JL0yxSqJPq5p*(1};;D-bWB5)|X5_D=8=qR3+liq~w-#HPgR zP=u_!>7O$3ByX<-h1oT-ai-yu{D|C4T;-g~klyo+(Vf+?Btghf%FcCO(O{)WvlM9( z!EghVrUXidswoU~54=DAKMMxRJSCdou$YhH;A4j})qcre=MY#zN|FqZ z8Arz_Sgbba`%V`#inhgWerc^d!%edo1d0}M-BhhJv%99>Jjs$XGa~xU&1rBogHfrf z!z0z+XwQIK36V*WAjL=I;b72K7S393A@)e)-gNzy`j-tGIt-B}!zVc@wgL ziEJhW=t8-^vN6_Vhi++e)U3p}SgkPb_qrCZ_SPwy`qfJ7cCkLzzz)M+{kq6#ZQg)_ zM-Z6w#5fECVi&Q!*lAQ1zO`bI+8>ifUA=3q&EZ%?3+L7iIQV8iHCVDKF(e{Ya($K; z)(xt0D%BX-8u%I*q3cYhYPRP>KpscskNxf({c?>MItx-s z8o=1~O3ER4f~a8^Jklr;?2*#|50C8FoCyJC95lk3od#vh-{!t>Nlx7Gq(6&6Rcn9p z<=z4#I?QYfXJL?P3XxJW6bL1xOO7y}u-Hjy=Q7$lGljVN@pg`5=$qz1!j#<-DA(2ZKhldW@s zK^rYtDrX{b&NXXjl9L`9Nz_S{Vs>>H8#b5kWL{d2))b zKT@%mUbYwgHTwe|Gt%JTBI{y4P|@5EU!mWC^ zu_CNiS|`qL6k0JFQ*vYL$(U$UA+jV*ha3Y*zbz^-j_4N)g`c@6!YX#gpfO??k_MNW zj*Aqnmc2Ftq97eD?Y)vcsl^a*u{&>!Z~UPe?zH#RH5z%EwG1)Bg&x5zHlY0;F?fuw z*ZPwM=3zvM6|@6t2aMyO(Kd5P5QNv!|Zw@37yQ4P?eR>}So@ z?x>9|t)-hcBx7?zE(ObFj|G6k;n2|GRbx|5xP9vm&d<-aiHHi_fShD=!8oTDU4sNv zSYJ9r`rf&F~z}`Y7iH$(gG}Ykk99{Zfsl6DL@4OOELk(FIp%B)-+UY%U zf}#{fU7#H~rE%1GF)uWTijP%{A`LS2GC1+V8HA-aCcZ*~5)A5s$qp@@cWERFkxO(Me`TD&#FpL$n zeS)}r6Al>|cc_K1y?6#5MqIn|I#Q~*`2Wy)k@)l(67<0 z*J|-rN7vN#i2SK7;RIA?nbnL!&%^m2-&5ZQg$Oy<5*8|GPgwy9kJVS1bLrf9?Kn@7((~uHAnFM<+M& z`6nOYUw``uFTQy2GcbP&;0Ayf0QRj8KO>^M0M=^5?0Pc2Xu3h>lVk-k_MP`~q8^9~ zS&S$mMzLv5sH8Yp|jG0&JJ%Nj6@#OudZSMa7xCY>zc3)b&wAx(x{_)MbzgwML i(erExiZmr@+~a@h6K3jtt<4hv0000j^(u000X-Nkl#Q08TGTia$*K?v1?P{@SBF^p2hchd&VEL+@N}1C>;m zm;vty09+|RVlJg{$G}+|Tn<2tMZRWPzj@ZDa(C$)E^y3rT)@Z7c*u;)47|g@2kq+Q zVRLl)eYZS@7n{g|OGX~IK)?MS54*nvi~}(r$Hce1_nAWYt?Q0{Ld&!7y5lp@gC}ou zdwLGN9DrQF@=vVfV&5|XL?A~X{T%@DMK(+WFzkWU|0|FCUvP@Qqda)T1majqF8e+v zct*>Nd%@!cz+*00k)!t#gP19J?>ctPwsvL_YiY^L$z>}UDHSo4vpH4Eo&20*&72xpGJFV!ta8@CNdSECR+7O=Q;e3qowF+P z-dCH(AQL6v{YW~L^n){NpDkRm;2X$WTYT6FtFal}B(a9OMudg*> zVt_eKI6l9RtB*g#+1*PuC3r8r-C?;{;QYaxc=pe~;o{+2SRSp^@UH9BiE)fLSuC*c z_uAhQ1j%q52MvHko@-Bmtpuk_vKPW3@&bvnF$*@73Xp8QH?NW3r64qomVHhci`5FH zm@^WD7)O*G5kkIfnwN>_>dQ0|u@aPgRUam22H=xga;md5m;;cU^ zM7qX|5dhNu&@5UBOO~lZsC<_D5<#P{Vicl40!4pITt!jA0HG8Gs8DIe(BGVQ_D;!| zf}Q(BiOW478gsaaooy}SQXOV}zc_7`SkMHI-FBmy4kQRm))%@dS;=@G%xGe`T9PGJ zaJaF#^=>tirO(|AUP^WHR^s~GRn+!#3Db>UC#6NB83UbzvxdS&?c!SUDv0LiNqxZd zUM~9FxPOgE4(;j`dDuW8QM0KLa}|+^4m~k#Sj^e!^OQ5HC2HSSK9<)?0ILX?P?c^V zFV*{05!le!kX14`176KI6igerIis%xlB$z4;F3A+C|Gv8m4fi&$B%J(eDby6^#uYl z*`!(}d?^trzpRR;D9Fg>O=ys%^kktR_tZm*f&nZKS5CG5w;qOO(~S31CLAkM3CQVl zrOdrgH!4I+Rx(HyI0-1#K=LF+sM42GbU=0k7GbIH9)|&U?%c*le}Dh?p;@eInYJ3? zoJP%D+pa8Iy_J`sZPzVKFr)|<0)qBaK)>(NG);Xzf|>?F%GModYN`@ZK#I1d%%!S* zE6EH~k9x!yr$X2Fq@3q>6@Avts4jL1qQ`MGkZf9be*zE2=Jk~ds6W2 zlwuS~<+HOsiNk&dDWMjsbmWx^qB%H@s=mZ9p$8EG5)9d_FlJ5^9qT=r%Br$-;_F;$ zb-{YLM5_iUW)@X!`V2_d%Kmac1j89Ya5SUeirQ zs89M>F@ixkYdNM#J5>bNy39SCJgfCB^ip(l6)H+)QgV$_iK#d;g(T>jvbKw4X=($j zQnHV#QLVqHDwkFh$2dn@>kZM(9&<-nz_=cmm?-3u4m(I0qNwuHO{V^+sn7>PFx@*( zR18Pvgp{Nh5>w^d+Gj!&sgMR};%3bjXAP1nISH`*h-Me9jtS&g@k2{q@Wv4qZL1hE z^dnLp^j)rsouc@W4Hr<^q!K+R-1Yz@jqpq^kESP{dSy7%c8G}R@V-| zjLw`{^{d45P9o5n^=~^Cjau6ZrA?A$G7348$ z^U7LkjJ6~Js>tedqTR+cAS_Ss9CU9QO~TczDjzC%946U`o}|QSS5VxXR;BJ0?4zdCXRav!#42hf7SgdBMQR(L$k{rzhH-nfU^m4hxdcD@qllYe^P#*TepUJrR#;}2kk}+4~ zP1zXIrc_5y)?i6S$NlawWs(UO5f8Gy9+N5cot&QG`szyi)%r9;U{~ytmKlc~(m3Gu z#a;N&;p+KQgzfGcS;oHHTFsL~w_NIcDOni@MvA?jB}pk>uV3m32v<&>#DnlS*U~q@ z_w(t)r>|+?m`*@s`VuZ3$5GFsQc1J!mbJ3aM46V!1Z2W`{i-4`SKEO&_V!&p0TGM{ z%>u8UKSdh$2uKW}rhXS^eQR^BP)VH-MIJV_jCE=v1u^UIT%{~m=b_c{X=kTkPz5!v zEnr&P6q`#LoCf5b0NY-pDO1a|Zgp~}3XEEMEzQHb@nlhiRbk@AFsYbaCmgN{%8qgJ zu*b05pv2w)Cyu|&IsPc;(s>_#?7Q}x%hef{w=T5w#c}D?DN$h260FKivb#7sLFiW4 z^*!GG`n#YsfF8a54ma&m&`aD$8hZ4vUSj?9A79#S)_(@G@Xc)i7XY4%j{qLdllcLR z3lUv`Xy<(Mv2#AU;6LY_|A^#(m~iCCHK{~765*Ie<}AnaDqm%amlR5~$^_8Y_imW^ zSrtFRmcpTOPs_-8UvA%f{GF3~4}LCz4~q`Ft2O$~HTvsU81~oSzJB)6uO3`JdgJPP f`;F7{dq4dz1S44%Q(j^(u000XsNkl^7ah*^2LwR zu=xW`)2k(ApQsdTU4-jC>lVvByIlX=cPkj{0LsW|0(KWaDVy{6{B-#!6O9JQi9mhl z9tCeVDHR0oY$-&>fN}vD5HbP7SU`o0u?GAy28NgM+Ds@!Kq;roACq_P$e_G1dAx9Cv>1mql~lm?z}`gcEyeY3Ot)H^*B*Y2U;>PHa4x{W zg32TgGWgMUed_VZGPy{K<}NFJRJukhZ_gY4=N0(h2gkM^jo8<-MGX zr$W0SrH^x#AiS`~X5Q3W+b6<4th=3!JA`x5hefm@Jg}jEXuAb$T*CPP0zv+j1R|0* zNbPIUGgfScwe2!(p2OVz;#UdAWApqJFQ5J!d&jr1*gF7CN!CfI0od75Z-HU}{>Rxd z?7XdqIJr*sHyj+f&|Yd7sZFSM!_KCfc`d;jr;f?l7Fr@1L`9t}TxC1Z>`clqypgfZ zVe7ourtv7C?MwI=d)ThW=|BF8Jne9Kc8b;E3CQ{uEo)uNtdZ*yUOBkrgu;=|1-WDx zxm9!x2RD-hMp{8EBR#y3R7SHHbD+$X-~5I2H*ltfhV7}Lkh8rHKy-4i@YyBvH=IBF z4>m78#_H%MmIudTy9Yud`&+r;ahJ^nj#8nHb; z!{M!aa-Mfq%kbcp*YND|hgcuKDkTJWRg&B{tGzvJHXA9E7$c@>M9CRNN(~@yV2f=% z#czlI_eHJm#9`tpu~&U50W)GJ+k=`EesPf5E>0M)*Dcfs>m7X8uLP8i?%c=f=vM0! z*_eB@068a2(*)<7eoqF@TJ38SV0(jMvw`zY4ocHh`^dB^p_(l|Tr0*%Wf)wo;lF3Y z#rRr9?0mcLEJExg!|WWlMZZ{J7zTt8Bsja>2=1-pSMTHW(cf_6_C2iDYfM~m_rCHi z>XvI9-#EnMM~}1zYKbWrX$hGcZSF}pEgxGQN;yd|_%QyY3QU=U#0YLIa^hak)$oKE zJH>#aPH8Z+cBa+V;cG>3B4g1nuw1TidU`6?yTt-Yl0#w}ubVR}7{Lr9EzjpoHTV|h z^*7(5aoA$HT4PEYVTqi*RxY)7*yA#dl6iKRscX(2HSnQYf(mpbL|0@VL1aPlxnzw5 zLGi#e^qm26zRrI$I2!9dQMxV!UCaH;)xzy*>-v-$@KMDU-pl9R7O`JrbMaCR=+}qP zHgT}EM9lT_^Z_M}VjOdEN}~qH+J>@J(Q*d7%os)*%uJ(}%FIixQK8OoFe@^PBeT=i zHAJ8HWhcRQM%4n;&UBRxNLq%RK>-8n1iQE1!~J`of%P3ix76$!uSj^!QRzv^G)bRQ zPR$9bR5NFZf8(5HSRL1r)qQNG8*1yXBeS4z?Qz}5*MLKSYp$l*F0q64l)2)2ZW*z+ z29Q4`c{ae0!v;5Q9AUNIL+m=?(kUf4-!;3m>xipWjU!?CR3xX zkuF-(@XohBqpFaoA~An@?&oO&)$(N=$m1yYXB6i1e2AFFog|>l{m*#O5&=yR_cJ3q zx4^CYU!u5wgl-XK@p^9`8CC!!bH4%zF(RjoaU7(V_;5augA;r}nmLv^m_@I#BE~cu ztQoY-s}zE>rix`16mwQ*exEUlVlX?zCC1K5^E1*`P)Oqh<85_FOSA||n@TxV zAhHDI>4IwJrBd8AUbP}k`A;cH2AI}T%A>|kNGY>Cl(R||7+e8Ng}ingE)iHgN)=_< z%kjS6qrkG#vdt)oEI~3j3tW|i1vFJc7g<<&dVVt^Q&Gjm_jpfsiYckovNhCHq=*JS zK)77XSOb{;C!vxvHN`2MKfkzN3nTOetdA;xMPw$>NHC6jI8AWl(E2BhJDq$g%+Fv` z8ni3oN;a%YJa&o?%hOO5p>pqhozYPwq;NElm{OSXxJ-eDsMlXqug|C~@>2G*jWq=I z83#DiQumM{L$W{ZB=b^jlvL9j3-4_}E(PAG5XUvL5Uv$*FrlO@jxs1Y$zYaD@sJ_G zs70(?nj|3eb)|_3#DWFNi>c~!R3c*$f!Z#D>@wC-12xgjC09vVg^<;97d-&Q1=|KR zi^O}e{}mj`ZsGfbLwMh{QHBl-Qj`9E8VC5$$$eY311F9h_m(5Zsb_V7BpfVK zO&)a5*?n61%xaRpylWNoLMfhC=und zRf$-18mWSX4VuOgAueRyZX9LGVwBZnEB){_-gg}JDGNcl*L#P4(P6jSVPp5VTs6LfL|A%uuDF;CC5sI~>>qtd~%WBinZoBa9N(;7jIV&bf)jN+NtNy_5x zojW*v`V_gP{FKmeP#B?Ae2AXrwaoR*Dv7Y#Ut>Ea7}n3$VfW$*O5T0Pr(uMN6CQu? zKEi4rp<5wFhwbJ<`cuonYX$_Ricoi%Nj&(4m`-OqiQ z?BPvB!zu%y+$EoV}A{E2|*1^KdqZ>3mp2bO4RE!0ydv73r^k=x$zUucpB2NWj z{|5ZqKlnbDhqv*&ci%<7^e9s=NXL(D1A~E(I+v2f=Afx2Gekc{`eNm$=wGu?JnQhi{bQg zH~c;u|9Kz#A1)7H`QGZ_7^{<;!o}yOPw@Q72OpmO^P_i4$?x$4akjid)dhgR0C<~Y z1E2%&zNTH?ylgba_SPD5K04#w&hfKt7Z|R2FP1r_lsr+UODfZ?G^KA66(XHIpVxgD z6czyX0jyf|^nC)Do7S&>cKiO_pDqq=y`7&u{#AG93qKCe|AogdU*NwxV^jF!4sVqJ O0000 - + - \ No newline at end of file