From 431a431c1dcadbba0900637ca22458c8197c9f07 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= Date: Thu, 8 Dec 2022 10:55:54 +0100 Subject: [PATCH] feat(ui): add more favicon file formats (#374) --- composables/setups.ts | 6 +++++- public/favicon-16x16-dev.png | Bin 0 -> 918 bytes public/favicon-16x16.png | Bin 0 -> 926 bytes public/favicon-32x32-dev.png | Bin 0 -> 1427 bytes public/favicon-32x32.png | Bin 0 -> 1439 bytes public/favicon-dev.ico | Bin 0 -> 15086 bytes public/favicon.ico | Bin 0 -> 15086 bytes public/logo-dev.svg | 8 ++++++++ 8 files changed, 13 insertions(+), 1 deletion(-) create mode 100644 public/favicon-16x16-dev.png create mode 100644 public/favicon-16x16.png create mode 100644 public/favicon-32x32-dev.png create mode 100644 public/favicon-32x32.png create mode 100644 public/favicon-dev.ico create mode 100644 public/favicon.ico create mode 100644 public/logo-dev.svg diff --git a/composables/setups.ts b/composables/setups.ts index 9d9012ad..7ba28632 100644 --- a/composables/setups.ts +++ b/composables/setups.ts @@ -3,6 +3,7 @@ import { APP_NAME, STORAGE_KEY_LANG } from '~/constants' export function setupPageHeader() { const isDev = process.dev const isPreview = useRuntimeConfig().public.env === 'staging' + const suffix = isDev || isPreview ? '-dev' : '' const i18n = useI18n() @@ -15,7 +16,10 @@ export function setupPageHeader() { class: 'overflow-x-hidden', }, link: [ - { rel: 'icon', type: 'image/svg+png', href: isDev || isPreview ? '/favicon-dev.png' : '/favicon.png' }, + { rel: 'icon', type: 'image/svg+xml', href: `/favicon${suffix}.svg` }, + { rel: 'alternate icon', type: 'image/x-icon', href: `/favicon${suffix}.ico` }, + { rel: 'icon', type: 'image/png', href: `/favicon-16x16${suffix}.png`, sizes: '16x16' }, + { rel: 'icon', type: 'image/png', href: `/favicon-32x32${suffix}.png`, sizes: '32x32' }, ], }) diff --git a/public/favicon-16x16-dev.png b/public/favicon-16x16-dev.png new file mode 100644 index 0000000000000000000000000000000000000000..b73d6ee2291c3bbcc91db1b1201d299e85bc602f GIT binary patch literal 918 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJOS+@4BLl<6e(pbstU$g(vPY0F z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>=}@nETEdx3_0f*=Kg1x|DR#@SBCV{49#~L=KTkW01=P@VFSsA z{|s}G1cB^6uq;sHLR6JAVaophXIKC>8Aw7*1CkICAOp=npa>8#{09R0^+%F{-VZJb z@(X5A*A~@LQR`YO>|SKb%$&2-(`Hj)aPVq(49&C^XyC#W6(Ua&m$Ldyfy# z86KTA9E@gVY?+%k%g6knYMv}m4SimGcJD=4Y~O# znQ4`{HRSBx^cko@5@bVgep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt1boFyt=akR{ E0Ge7-KL7v# literal 0 HcmV?d00001 diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..bd532e5c92873c2a38602d8ce30d7f866e575b70 GIT binary patch literal 926 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJOS+@4BLl<6e(pbstU$g(vPY0F z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>4rOW{%+%ZiWaMZc$kaZNrM)VY;s2`8Lm3(eGc^umYVFTb1Cocb zG!JEHAI<_PK9gpABuRZw98dv}s|6;3vYLmov<_xz9>~%-lB525uIsD$?hj`>9!S?b z-)#PBp6jc*E-&XgznbUr5{Txye4gidwITH79Ou_y!B_K~U(RuP+-LcEp3AHG&QBJC zR07fKxj@qS%uM5#bKPIebN>II;l%==$*yk}xWAd>3^WsHGSDud;QjdyK*cZTI{t5H zcs&PX1;|o}33FZkGcf%B|KE@Ws$I14-?i-Gh<5N5RG;dugNu$OrH zy0SmxmgF*Fc(9dM3Me$&)5S4F;&O6=1AC7T&lw(_H5`m)Wo&$YdUHtxpe8;#jBUwyCo!~B(pO! zXU>?V7&4QYb&HOUAX8Y>HM4Eo$_n<`2Hay*eEZ@Fk4Qn|r*wtqv<);YSZ-eL>l2V-xOG5yx|@Yc1JIeOC9V-ADTyViR>?)FK#IZ0z{p6~ z&`{UNG{n%r%GAipz(Cu;07zbIJhBBvLvDUbW?Cg~4a@J;Z~!$(f@}!RPb(=;EJ|f4 zFE7{2%*!rLPAo{(%P&fw{mupyTH#e85hX#19-8 zf8yaN4Aam!<$wB&=hGktW@T=@WNu+)VeiQz%)$yT4JLWD<|Xm~x=#AM&h(_4vN&-fK+#$NeHp+j zr1X;jhe&`aDL`~1K(MyydP)ocX~w4oU~)41vN9Du-*in6w9w zW|?EaNdxsDRrs6 zT{p&xO4PV52;6v~`{ofR$H7p!&_%}L#K$MF^b&sJ7D}8X0sj!@va8<&0%x##rDFiUQ&M$(IlPZWAh_%%*yHJ0O|)^nZh4%1g3M5v|8EX_ToT9MnTcwb%q3u{A8 z$~&KI3rZm`>-?{Lo+a`~FNdT7&W^t?nw(zk-5Z&Mvt# z_568YX1f9j9*nU$KEsIGjrf6J-HWerW$6++?OqA(9@cA3o5XYc<=TwP;4`t|CV z+a~|kc5{ePlHkuu=z7)R`>?)1!-~)^txFq~iVTUo$he%MeZIt7qW#`cHyI73Z1cwOdHzu{+CLkag#S(%hP zT2>&(4Y(wi8yUroB)O?vZZvmmG`VF1Nk)_8yA!PBe;Gc@%Tg&0|Gzsg-l`3bKvUF`+2hU6i_q5@+hz+JZcVN+V}ehqZFHN=wNA z3Y(tK_%6=>c>VhRWSc$yS1}ObJ{*}(V0hrpnq@>FTcF?6n?;0QNoCu{ANN`9)-bD= cO&@1U;J{RH05!wkT!&Xcyf8^{i7zev2fhDA_W%F@ literal 0 HcmV?d00001 diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..4b26181f5849aaeb0ec1894d2ca8b47b66d8fcaf GIT binary patch literal 1439 zcmZ`%YfMvT82;)3#8&4JjmVhmM4_~{DGe-IE3@Ua6t!GhIyGjlrL>%u4hq&3*~Cg6 zQz3&ekV~bvfy1H>bvm{Qy-*ngyiFyVY~E1T3lfLXA7)GUo%&~gmVD>^-plhm?{jj_ z(Sp33CB#G`0ANY35Ea9lj6bmmjA+lXQFuj_az$JK&NY$#mPg}5g-|R4pe6+X<6!_^ z!0R#nMK~C|*^XSB)PJ zJQ!tEy3r{G9yP_IriKBYxHYuVN}B5pK$GUtP+b_srKZBs5SIFed-G$4OG9&Gkd@|i zN@0YuxS%G@SDcC`5U-_2I_td{4JMaMX^`uNi=d{O>Q+;|7-blaFxc((2+z;%OLaS7W#77#K(4Z^W!E+6DM4jTsBi*M>9mY}vb~I?=hb(9So)a+g z!cOUM88zIg@>>Lchal9wDQH21-4KQbV6^7or3Ia}2<{lAAxkzKJ+q-R4!jwBQ(Dk) z7=*gHAqyW)q4G?G?l<#8-6*64Ak2b>tWb>~vcnSBe`3#mbe!|Rx@9(ECS=Wq(?2b_ z{)j9DN4CReB*C5F8=pm_0^Pg-#7B(Hb)sP-6cIo=t{i#0pf!7@Q#9?|7!HTyM{Dpu z$)OkLNx<6)F}IJVu)aHHpIC%k86=#`Tvl*zkA6GmG7<{-=W;s>O1XgnWSDU z)QntT8pSj8UTP2$7aeRGlR&qG;%zyoW8jYmjj&jx6Ykmzd(-$s=#vbuh0TTfToHfa z3~3cHgV26{GsF?FT$Ee1VL~CZB{5l#+DldP=oanlmO4{>Kao+sI%ZE+Eg>d`TRUiL zX7Ual=}SONgMCqmsi!pqF*Tk}LQI$I*6Xp6@&Rk{3B`5Mg^Pl#pj6z<;inY56p(=ESHSzHja>nOO!IJ@Pa@;S!i z)s{UD$Nd^kmSfm&i8J=UieK?^X{;|eZF|^!W8nD__gJ4lK|6o0@-K38b4P2EwWX_` z&#w`17OX81$ed&2*SO*qb9>XNwGP`rti5M2$}HI$M;sq`-JA65aiW$;J+w@ECsS6? zAmY9&EE619kGyrGAUb_0uDwpy_fmAX_l4O$PrutcvRgh^k=>?ln)A;F=K}odfu$nu zK~7?aQC0m6&4`x!r}DcRoibuQVm_Id-D1r`8s1Y~>)M>!yDqEt@$dUztYkinBAF9} z3&7L+2cAzFXdB>XSf}Uj)R)NhO17d(2`|86vRL%=bUG`uD4og9WU-m)G$xbHWa?gB zhxq>xKCLKGtM>mtfzWTb3<<074U!6#-XO110)xT8P?wkORmgQpMnzSrd5)6^K|5-S zcIw4)16fy9p;Bv=Wc_}flC0M06#!J9n4Vu8Tlo=%GM+y%nfp`>kYo}=L5fd~-}d!# yB%X{KGe$~~19#? literal 0 HcmV?d00001 diff --git a/public/favicon-dev.ico b/public/favicon-dev.ico new file mode 100644 index 0000000000000000000000000000000000000000..93ef82dba1c8dccd6ece00f63314faf6d09f9584 GIT binary patch literal 15086 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 T$H{ka-2R;$x6|ZFkp}r6(b+Y5 literal 0 HcmV?d00001 diff --git a/public/logo-dev.svg b/public/logo-dev.svg new file mode 100644 index 00000000..2ddcc1b0 --- /dev/null +++ b/public/logo-dev.svg @@ -0,0 +1,8 @@ + + + + + + + +