From d924fc388fb986f3d20e062ca639049c0cff6e58 Mon Sep 17 00:00:00 2001 From: Pranav C Date: Tue, 27 Aug 2024 07:23:43 +0000 Subject: [PATCH] refactor: config page design changes --- .../components/account/setup/Config.vue | 56 ++++++++++++------ .../nc-gui/components/account/setup/List.vue | 7 ++- packages/nc-gui/public/plugins/scaleway.png | Bin 2969 -> 8767 bytes 3 files changed, 43 insertions(+), 20 deletions(-) diff --git a/packages/nc-gui/components/account/setup/Config.vue b/packages/nc-gui/components/account/setup/Config.vue index 67c04ecad3..0fb79d7795 100644 --- a/packages/nc-gui/components/account/setup/Config.vue +++ b/packages/nc-gui/components/account/setup/Config.vue @@ -1,5 +1,13 @@ + + diff --git a/packages/nc-gui/components/account/setup/List.vue b/packages/nc-gui/components/account/setup/List.vue index 4cbc0b4456..27e39e8996 100644 --- a/packages/nc-gui/components/account/setup/List.vue +++ b/packages/nc-gui/components/account/setup/List.vue @@ -65,7 +65,8 @@ const closeResetModal = () => { }" :src="app.logo" /> - + {{ app.title }}
@@ -128,10 +129,10 @@ const closeResetModal = () => { @apply p-4 w-950px gap-5 mx-auto my-2 grid grid-cols-3; .item { - @apply text-base w-296px max-w-296px flex gap-3 border-1 border-gray-200 py-3 px-6 rounded-xl items-center cursor-pointer hover:(shadow bg-gray-50); + @apply text-base w-296px max-w-296px flex gap-3 border-1 border-gray-200 py-4 px-5 rounded-xl items-center cursor-pointer hover:(shadow bg-gray-50); .icon { - @apply max-w-32px max-h-32px; + @apply !w-8 !h-8 object-contain } .title { diff --git a/packages/nc-gui/public/plugins/scaleway.png b/packages/nc-gui/public/plugins/scaleway.png index 342a50f6867f28325e7d4a19ae60af232566130e..6730d9480be9c415f61952099ba097c4eed0bf9e 100644 GIT binary patch literal 8767 zcmY*<1yCH_w)G6|!JR;G2r#(2dw{`$I}9#^dkF3XcPF^Jy9Dn`HvnDKWW)hg zlca}#2P)>;au!NT0LH%<2>=7c2EhJ9`MU!`App34VE};kZv+5fbAkU;&4u}I)h8GB zzc~CKBB?3O>|c@35Or;+wvr;hse>Jhv6+L3Ig5v#<39v|pa=h7XlD*Jrtq+{wRhq7 z5Tg7Sga0r7Ck>*c_!k9gBSfjKq(UL#;A~F8&BDsUN-2y&K|vwtY-Yi)CMo@&>3>H; zlvYrvBR>e_?(WXw&cWi~YzboH!;(`TshS<}Rkr z5JxD)!JgtDU1JjmSEvvr*9 z|C2Ms{IByr`oe62|6=~1+<$xoLI0Tluf_bk(|=|EwknJw2>S136GkC2*hB;XD0t;0 z#ne53r~0Ugq#9{mwnKX^N?47ACStANG0$gm3G zF}Shi1Wo;8pm^M^H4S^vC8a;MKKI3)FM=Fn7L*Ghli3p0SE&2hW`w}@7^M_FvM=yq ze`CeUkXHR*IC84j%Tu!K8-OvA<|$^dF@EVnFq1HB=ra^BC57P`N(*~$d67G^9`y|8 zlms0)(559o(5lMZKW=UKeA=ZK#=~TH)yRxj_e#rbegTz=zphO<)DmQw8)usvua{HB zn9r+2T#x!VFs_tCj0ehi<<-@NW2x1NXa*OE9AZrTg&_>)8{8ac8Z{$Y zuqY2_^0x%11<-Kl4(v*dWw!6d{d9Rd3TMDX4w2SF62M2X40P-z3yd&F^D8Eo&-~jEe4H(tFwa%M|1Ut40~AvRS+Z%VJ+&e`5TY=lpdK zr{UK;GLerIZc&Et=f$T^W#i4^S|F6px4F}kK7TWa;W8$aRy=}P11UyPH^zcCuVZfu zl2L5TuF5J|JmN>Yu*+WZ;_Z)C3Ie?M3CeKO5W%D1UH)FO)V$`bb>y+ZU;M2M$JJL^ z*7<#$^IN)N?v=eWJe~X(N_sJ4!41`6*qbjfVEcs0z9dv$L=r}yz`JB}v(R0Zpu;x$ zIK3%fh}+Q5CEr~xkpw_$O}4SA>XjH`BnRmfSe!0BlMzKeO?nQtb(-NV*#Pb?la1-6R5}(_P zTn%(jMn+IUDz*nRfRwU;GhD~2GJ&6C#n*jHBDwDnG&4-lZI@JXumC#QZKYpE7kubD z57J|jvj<-;`#;4;3~wlDP_H3x05TN*JT|@aS0%P@?WLy7%dYriX;yI8&x{x#z~M5F zhGH@KxiQyiG`)fMe#@$&RYcuZH_Ja9m|p@%P{KTrnnu<5liwd}4i;R_N(HW;w?SkASj&bgT4kqlAFK7XJ9BV-Rt zq^m0~{n49+t`tnwJpI;Zm{!0VF3R{67Nz&95EajX^=nx_=NUBIT15@*)R?%bRuSA#ivRF8l1(OOT_J!xDTv>hQvh>v}NCzk1 zxhxf<($D@W>S59SmZ<&p(RQ_f?TpsE>%~~9N0x3L8(RH8t#U8BW(mg?{7}c5&4-K} z;miIkeATcOdl3&Zj|`cP3Dt3R+%I_g4(sF68S9~kMslcMUB~lW!ey4M6?X{`U2if( zmuSH8Q6n37boqZ)CBaoC^b}T%<;u-z2ARBw83ttvM^!Bv%AA#TW%dHsgRjF6cIlj| z^rPrMe|K$6b~p8~sC#n50$Wl*8Ol3Y51?^a662Rctx)$JJEvK0nT-C zIjv{)$oLxYpa}eQ-fzg=j7r1B)?)I5UFenodF=r}s7jxqhbZayV|H8gTYkxB)2>W@ z=E_7lHK}3|vPcB~?w>FukU&p^l!MV!D+1*eaunc|#rw!pp)P-qryxM~Rn>QC-{#co z2cWirTISVM48K3!G*NUP3DEcTs;y>zJ>%D#ps!f3%fyd_fa-%5XIIvy9XIPNMwr<3 z&o4^ooDzk_YqCGirk-E#-TlSC=H>D1;?oXpY9J1+%uWS{QagwL;kiMAteaRQw`3!+dtM`eocxt+%!*W!K$pj#0F+NbWR@es#<#lt2>`VkC#{J|;<+}$zB1n&$ z*PNcfLakVNFEqYdc=JCFPP7&uEKzI7x=fe;81!vm$Jz-9qVddT#IuHqEVYW?haQx%&T zBlt$-pB1ayKmAm9FUI)gaWK6%|8%Je(sg%!!g+AEoRoNRu&HgcI8Q2L;Z02?!cEzE zhxX#8BYTqTa*8qC3v2u|SpDe694%(60572-pKE(O-vh`B3=~_ z((6|0jmo?#ZYdS4k~!?~8P2lOp;>n+MIy9RbTQlC;VZFz`<7G_ppGRihinUe9>Uu0 z))B-~H{wK9H6?{0Es2Se!9r-)EhRF?G?cz;$T>sg?Ncb>|acn7KBOVt%8UE z6c2jf&GzeQ#{Ax@v2eMHbQZ=!)h=gVbk>{LGOmtO$^iQ(=`JT@k)^YReE=d^bSv0( z%6ER90!>u{!)42!hOE+!iU6FR5?uX=8$Zz=49!uWB}=XrL)3?xC{JP6;X{%PEGG z&dm!T9>lE3<7Nx!bPe{EN-go))ut?XHsfRz3-s(o)ez7vDr6CiB#>4~KL$s_qMi($ z_Gyk%16#ssBV;Y7_S4nM&$*mCY=6Q}i0PQom>v|HEV?t<>NsD%=Ful}iU}w!8{P45 zYy<#v+1d&*++TyUP0FbA%e93{4)-$@zBEwsu0HjAn{n`&)WOweo(@il5q>`X@yn~q zJSdu^!qYWiZ@^evk-(~>i@9bm{l#_|M6V*pylLLkYUXgzVGg#r+Nyk%YZOw7#y#4? z+2%+s3#L||H%9wFo<~t6{kh)or0XT2>CfVMjNco%)c_NOMspO}%4y1JFY0xfgO5=C zXvdiM@E!h4do28&33rMGv+d7z*~+(i4c_4f6Skm>-pCjnwCzaGaD}cC^s!UULfLHv z^<1_^g>t>`hLl>5;vEmD5LO8eY_I;22OiLw$MM7fwQP(A1>+=pV4F3Fdb#J#2#*o3 zBSFne^9Y;kMn*zk<=E2qqt~WXPp>*G>U$lv<1>YKs1u44Vm0M!&MYSA%!viq!N3@) zUr9M`0zIm@pG$L^IBfzw`?w8NCNETZ_kCTkf$2~l4%_S&ug;|DuR0@<0YMg}U~T`< zI3$A}>ffI#lg*M~zI63Q#o7|cc_mA-ct25Rmt3UH`Nb}DNkN|axI!j1t=EpEG|KulV)N`$ZIAE z<&Mn{#ZN-nMrLD_+KBQg5M~Xm#92>~Ail1gb4*uFC zQ;e@|(Bc3okC&kzZy8rPKFsuuiu{8X2+A~{2Io6fO1<+g_|<;gs^~AGt-%-iHMxy%Vb(G{y8nKCtXBU|a>YtSi)ne^Ap*(a)gWr1w!4F7)VF}3 z=dspSSYDmQ`DJ#AT9MOmVQ9%9<&BN)v@Pbx;m*&5VDrc+G(@ zfqtBOnL{?MIU)OFK!GdOt~Mi1bSE@U`$XE;8#SI0%;B#7m=^Wrv8otFCXkUu-OcOn zMKMC~%BBj&fcfqhdXE}>S4=sE7fqw`c- zD4o0*zzcmk8A$Uj@CW)EnJ%qK8Ikk{Cavn}utN+YqN+!p86CLM>n(_pa<@f{%-hu- zS1L6coU^cLxq9d<$f+}$Ta3j%(n@@!NpqV{U)Cd*3TTSqLbKDhHYDkKC|@o}-V)U} zSk2GjU10Pt1sbIH>a{ht)F@AzW5M1Qb#9kaY^c*QEJEc94_DEX{Sh~rax}UY06D3> zq|~C0=tqqZFs$%0Q>jB5UU>{R=G4IC?#eAFJaaYv$DBtDb~ZYT(AV# zziD{%&i6wzB;mw3wc?>7zAd~|1TQLoEc4F^&MS#Vwk*r^M0XS(t?}Q{nxcsYhaS)? z+p6xv@qUY0Gy16lwd}1km{Qap$8FgzI_ByTD-g{kOV%-IH&zk{;{&ST4jQD0CiKRD z$)0{2dF`0L+YU5c21zf7H@ItP-G~+?3fhUt!lWX@px99BL7)y(sU)z+6XquSH+{s| z?Edp+0er^hVqrTWkLp2NrJKupep~uZd_S4~?*by)22Y&_iShPEIvgm86po>T^ zl2@C6AQGC)6d>YHQfQlmhK(jF>A9UH&$P8`(?q=7nE@i{4lER{U5WEMJF}4sEL4T# z$C@o*)#6g|yN$ufkejq~>szT(OUjvnZIO4l2-M`PcHvMxWGG-y`Y9LT{^ua7VBj9d zeK^|IRmK&`TK1_EcUNhIynB1Mb`qf_!Cv^$>t%veV<0zBBtB2W@Fn=9W|bxkq4RoZ zuX-EnbWdNdCuj9#Zi(1se`WwqgmA&BW7)7`eo-}sig9W?QRhsX_aKFYduuuJCbvd5 zzmjJkW!cD5uE(XIRg2b^9?=J__iPHQ!nup}d-)|e44(>%v9>4h+m`r4~ zeke+d8Ol2(NV`+cS|yTBjxjC4`7%(LeI7D_&Sj8#o#6A`K}D@1wxd8`%T_}43JGft z;_Aa=7v9U-bz0UE_vTFc318QV$*%qAcSsjcH%Q6SlTD6eoRrL!cKQ$ngEVaTr(A;? z68xenA>xeJ*bm77mpEw|Y`SAPVJkjr?y_D1I>lVB#)N?AUzM54h#Ru<`t=?^{4?nA z^>WNdNy9luxs_?0#p|RFNj5aqZcPf@*h$9PIC-|{P6(Y2Nsj^QHMQw_`@xq(Mec@l zH_iH=b~$7yU{9=z`D`Mk<$7XsmfH=>=0aC*C9Zw&(;N(XC73)Amd z^_!LXl_<4~>tFX({DhgT@*h7nHad;<&Pk)jOIK!?H+lUGNLN1~eA;scP zqst-8+)sN)QTN?j^HY^OxJ&}? z?uLr)fZsKKa84qHXZSuj-r!*!#wcs0Id2is87PP=@;3$DS@(PXcH~e5XCpl`!}I>( z%D;X4jA9nrqLfBO;`BbMOs#jE2(p;ncB1JOv`rUxD9`g7vjnM}P?gQlLLT3)iO7rv z8UE+mgSeW-K=)g{q%OwI3|A1R>JfYu?glAE!@LtGCE0mw0PyXy?>#iV-`FJ;VuS)~|cRqA9Auwk|HSrH> z0LPvWLVU@q3f{4s%^8cd;Ar?8sX645A(^@CFZSH^@tNNSXx=6HdYo7 zt+ZlQDnzN{<`i$Bc~2Vqx^D+hAfx- zkHb1Oli+1dw;16Ui+p=Fw_ZF(A5}yF(?$3NMI)!@&Aep&41eeaj&3d%Lryk$m)i&@ zx@ct`SQVfMofF%`+THrtpcmr6WaFLstPG1;JVZIF!DF~wyPLMJEC?kJ785H+xX9IN zIGSQkU719f-FM}xveOiA^LN%+dyt*g>#rTJ_4UShedG=Ps=h)z-Kx@};5^nv2kXNG zByIYIt#iw^*|0ijR&nJds2NQYD9xCLjbE#L z9(f#Xz#Y@_h(K88xKkhMAX&8}q}*I1bWLPfc5o{C+e2|GC%St&%})Dkyk zt>^YEO8{xxLH(js?E=F~zeOarG^~Oh>Y*D(zI7C$oos%b1 zveQ)n24qK#1xnVXtA78wnfuPD)o~t7by{Up>@T+$;-Ht!Q9>BCAqid9M!X%3)zFWYecyovb!&Yk-G=2OkZ zDKD*j{*L#7yL1p=$oz`$3s*NW`)*mv3+K) zny^wCuE5S{E=F&*<11sk%BNE>? z#fUj)m(V&l1sf05mC_xXDG1Yh5XI`}Aym_B{i%^0Aov*LGQuI9p)q<~_8`eLTf7H; zE{Fe0{l?oJ=R5&Pk${rO#T-_d4e2FZLgFKS*KJEYK2Li3Ne1NsrIN%!YZMD&V@xDI zS4AtoHUTTO>Wp;#%PRlxd@mMxA;%4){wf2qv*nQyi!kkzmbh=064>faoGou9PunYg zikDfyhQW3Qp11+upp`o}_m0D_>GrLY^Kv3{q)Cx#kh$J-+|-r$xu%TbxGI~RVNE-0 ztltf_^$*XDWt6*Lp-0pZd>v!fWTHePR`@?#kp@clmCNVQHJSLxZqRMpomd~2>L)2(m$-2nb?X(e_m}owIFtYllfRKd2K=Z+F+7F(Tf=Um9D_wL z5h*oGi(Vv3tFPN^m0=I)jqx1mPkq4LSWl&oFTigM>B(d0WK$1YGDc=ZJh5a)Q>0&m zk=^^l1HZqVEO?vNG}_6Tt>sHQ%`k6?4!5(i1d1yg1?AW~1sXR5Fl@@ith&Mmi=bL% zytAij>c?B>JFs%B2wT0#WncB9S=g`HFT*_0be?xF*)Bv|UJ^qn{K6i5B^B~cFSy9% zvMX;!Y+S*6v5^O)6H+N@G#Sk?LoWiCaLwONVaf`|#MO|`i4pWIXbdKD0N~#fc~{_W zgvABL@L7?Lk4g8HJ9-hw@s~x*7Y8+j@olHhs0oE!57u0LYdS55rpq>)C=dTmfbufO z%WpWU{U}WNr8wVU&MdK#6XWN^5gnhK9z>!w_E9x-zhLSu>HDr9|19ZGvI?6c)w)fV ztmJSPn%xd>Rl;@2sR2?>+z1vg30;C|1$$9BS0G9-4`?<3jzgM}&wUJzL?a6_Cag+= z(d{wZ6<>0P-R}|UPdTJP?3l>7scm~+t1kGM`fG#W%U;K=MNHx8?IVOzhw(C-0B+h* z)0m!xl;e2?#w)^ekNYB_o9cCWD(3lV4VS2_purgFg3uF*b*GGE ze{-fep2$S#F&x}cN_qx6qHN0yo{f>jCv=AwK;yVKgZzb?o`yZ07IRN)AyvG{aPu4a z<6*+$1qQ?ZHJF^_mS0`F)q1@6CEADXRc-fENb6{_Z}UsuTdmyyT7bSHPZuEX^R7yYNE(gS zQwM&4j1DQZVMA_E1OuY=VqKQXQZ zDR4?aX(wYZ$oTS7x?=yK2Rop+DUJT9YbMB9cZ(|a{qr*{d`l|~$!d-qgZQtOljI_K zZ2!gzuC?V%A$Ksp1*bx>yuw!_^@7-?o(#EPz3tY#7!)a1;6y9j7$R$0ZZ-FfS23q` zp~XHFf%U3hgkHA|Ys_<6Wh>%TZl}=ApJCOOF8U_D7F;;3vXhIU^~>(jnxV!pc&Ko- zI^$Q_?__i% z#OPdjf`Eozb%@M%x#dd+594K%LZfP468@!JM8M$3WC@!bi`n}te6OVQy%q9K z?(DNQkX74s1OFQa2jvTK#V9=InmS4AMOiuyJqAHMt@Lj0fmPJQzk`KjWBqH*G(8} zC1?#3h}AF#vN=koql%{1ix`|4XYd>N3DJVvjA{FQ0OcGz3;tV?xmR1S$n)HC6_Rnz zEc;m*1By{Mu8{VZ6WaGOes)8AS0_%N>iIw#uq}l3Z-}vZnv<$#{geOvjv*(dELkOP H^yU8nb(@)} literal 2969 zcmV;K3ug3*P)vZ`Rtuz4 z37%35n@K>+Q3an-1)Wg_n@#@`~3d>{{8;`{`=+UUv2;Z3I<6;K~#9!?VVe9;y4n3>l~G7ZpMUeV77^w z*`5uMU2cH@u>p5mhnUMaz6}5WzwARg9og7if?#ZtdJeL_lvI*Rsw%*DEAWASilzmD z93+B32*e*91mSJJO9D^NrEKa5Qavh$vIdaToW4QAf_D5aHAVA5Nfhsor-j zTUDufpeQq4o!XYQyl+)j9`9{A04hk6w?s)&cRo)M+uO-C`D@h1G(X=gdxdEnJdajtqzQ&U2OL_*k85{YN9 zOrbF{EOoXq-##hUp|U6bo{=Y^hEP0DOO zJ0cv@G9j3*4*i3EY}68wLnru|-Hyyw^05sQ#Ny^g;eqFn=Y{_D2a9f$;Mj%%FhBAg z{&lOB0*D%VRe2qq^l4E#UOPZA-*u_a%2)WQofrC_>&YwnU&}8%dMKdeSvO3R+FgE@ zF3RX2V7_Z9UP~tn0GE%BC}2VLoM))k-k=9WYz#4emqap<4~n zB|y6FS>4t7HK#4zna~O5JBDUYCqXiu+V)&d2hRvVsmJc>sN3e`pgj*dL8<%qHg~N) z9fa(H0FuA6YNt>0T#V2G#g?n=a5;y0VF+IJ*dNbU6+XQ_54uoQc3n=4=fyC!XX@;} zMmJjVF>?gPrn3{>XoMSi_PU;0oR011Ko{_;ukE^*(cM-i%*cyfi$S;hWiHOy^Ju-e zQ|YGew9+Byn69(in(2KdHt2}gyV0kEM(8kx%98p0*p(AJ`h6aBPuD}P(g(#bbb@)- zVWT^BE-QOf&{d}`hIPhwzoBdG3qn^^=iy6eUjW4>n7%a_^x5J|YzI8Gly;?5e337bxb>-!U+c4FY|*Lp zqbhE=;kIhM;XJZhFU1!9p^8X=2?E&RX(af^(?y^wZYy(`nYtMC>HVR1k(Yu_?O_hy zFM8N`hv12S`RKo#bHaN=2gFRiSS+Q8AMDc635wV4!C)}xHgX&O+>1sB6kCRCk8Rs_ zx;ei?_ma^GimmU@?rN&K9k2K8qR|1c`tZm&BRtNk%SK0$IiXN{nDaXKE*PDlG;&@a zi)sC@?1t~c(epjVU#%`=@_w{_b@%=CibeUm_KE4*2l@y42l@y42l@y42l@wkB+#vQ ziVmKq1=Q`mA9Mk)`r0q9nbQ#i-cnww*4ay9-Kb%J&-Fsl0cxuWeR&wr%Wj71U96b{ z6kF~@)fK9%+Te4*M=#gH1B#8cW4W5M7zRF>xmlg`3Yi${#mj1%vu1Lk>~Ds`kG2q*Zt8UF+%s}sxazX z{x(^&Cd!V~qH#i(hD>D6%nFaW74T|3*%bp6EA&i9W8<+#VG)P`$%e5r5GG#eEt@e_ zzNZ0xuZ6M;U0qh$x6;u@Pd3=~Np<7|ghXzM9cL%H)-T58RRtncSaj-kLSi%k#g4Np z>nPQFv3W~_1Pgokk)qFQ|~9)b)fLTdhxF{+R0eaXb0U>PfMA zH-`Y3`s$HQATtaJJS98r9G%dLH+My}=Q_cvCp)-mG(LqHxzx8JttqcGoxlkmjhPXX@T8Dn{r&9#E=vl_xt$e)MiO-PO@X zN5CR$<4tP!OX2akDCP>EgCs8|H*?fP9$jpE%$KfpvRl}|??bOK`28heJkJuLJ1MC8$t z;ODj1*F>%RGC9723E&@pMH?M3-SQAamoOu#V{$#WuB+&d{c2^&~Pg#TDZr&jO!m~vGFGcDG; zp}SGaP{K5KHQG3ms+!R%XAv>+mX%JxjBK&SQ(c64zy48lBv@E)BsiyI=e{ZD()cr0 znGo2oq#+POF!LYVbH>&BB`zrzd7}d)s^+GjU7uRZe!ZAW9o}N@)|*Cm#w(33_xeeI z$=YBN;C0e%_rBL`RLa?GHnp#0^R=Pn+bcM=C}kA&J09IY@0&7pEyFP8cXyrt?J0MC zNAvF#hWRKZSoE9umK%JxMD_7_Jl4Kzdsc&4xzic-du!`yfQX`_fKq*+&9)S(qkGqL z-1zNunCDalFEw{GdFOFk3CWM1w* zEge;-Z>&~KscNl8*CIa)cMf!XPADZ78>6|anJY>k9~Jc=nNU-kkE#;)a;;~ma1R6! zlTx|XdHkU$is>wu#@^yA6-Dh-rO^0^NTcJ==nu$b^Tq17f8XBT{&#P=ZB&a=<|H+_ z&x4K#uYJ!PB)?2XY|)<=J3<6OICQ`ea+*$_6aCkJ;2=3&Kk(hkJ4XLMujJ_iPhXH` P00000NkvXXu0mjfTnC!@