From 603c13eb4c2e81f5cd38abaf598ee48b02a0c116 Mon Sep 17 00:00:00 2001 From: Isaac Grynsztein Date: Wed, 25 Mar 2020 17:07:23 -0400 Subject: [PATCH] Modified about dialog to have a more consistent design, and added the logo & github logo to the top --- .../about-dialog/about-dialog.component.html | 21 ++++++++++-------- .../about-dialog/about-dialog.component.scss | 9 +++++++- .../about-dialog/about-dialog.component.ts | 1 - src/assets/images/logo_128px.png | Bin 0 -> 6198 bytes src/assets/images/logo_64px.png | Bin 0 -> 2319 bytes 5 files changed, 20 insertions(+), 11 deletions(-) create mode 100644 src/assets/images/logo_128px.png create mode 100644 src/assets/images/logo_64px.png diff --git a/src/app/dialogs/about-dialog/about-dialog.component.html b/src/app/dialogs/about-dialog/about-dialog.component.html index 5af92fb..eea979e 100644 --- a/src/app/dialogs/about-dialog/about-dialog.component.html +++ b/src/app/dialogs/about-dialog/about-dialog.component.html @@ -1,24 +1,27 @@ -

About YoutubeDL-Material

- +

About YoutubeDL-Material + + + + +

YoutubeDL-Material is an open-source YouTube downloader built under Google's Material Design specifications. You can seamlessly download your favorite videos as video or audio files, and even subscribe to your favorite channels and playlists to keep updated with their new videos.

- YoutubeDL-Material has some awesome features included! An extensive API, Docker support, and localization (translation) support. Read up on all the supported features by clicking on the GitHub icon below. + YoutubeDL-Material has some awesome features included! An extensive API, Docker support, and localization (translation) support. Read up on all the supported features by clicking on the GitHub icon above.

-

- Found a bug or have a suggestion? Click here to create an issue! -

- - - + +
Installation details:

Installed version: {{current_version_tag}} -  Checking for updates... done  Update available - {{latestGithubRelease['tag_name']}} You are up to date.

+

+ Found a bug or have a suggestion? Click here to create an issue! +

diff --git a/src/app/dialogs/about-dialog/about-dialog.component.scss b/src/app/dialogs/about-dialog/about-dialog.component.scss index 83af855..1c36533 100644 --- a/src/app/dialogs/about-dialog/about-dialog.component.scss +++ b/src/app/dialogs/about-dialog/about-dialog.component.scss @@ -10,7 +10,14 @@ i { } .version-checked-icon { - top: 4px; + top: 5px; margin-left: 2px; position: relative; + margin-right: -3px; +} + +.logo-image { + position: absolute; + top: -10px; + right: -10px; } \ No newline at end of file diff --git a/src/app/dialogs/about-dialog/about-dialog.component.ts b/src/app/dialogs/about-dialog/about-dialog.component.ts index 10e82f5..6b1fd73 100644 --- a/src/app/dialogs/about-dialog/about-dialog.component.ts +++ b/src/app/dialogs/about-dialog/about-dialog.component.ts @@ -26,7 +26,6 @@ export class AboutDialogComponent implements OnInit { this.postsService.getLatestGithubRelease().subscribe(res => { this.checking_for_updates = false; this.latestGithubRelease = res; - console.log(this.latestGithubRelease) }); } diff --git a/src/assets/images/logo_128px.png b/src/assets/images/logo_128px.png new file mode 100644 index 0000000000000000000000000000000000000000..0959e11646b14f2a1af55ee0791f4e0e6cfe518d GIT binary patch literal 6198 zcmV-67|G{}P)n zvP{b*H5C*$1O!2ZyUh2zmmpd1yvv1qFU%kMJlr#9&N=gY&z#xL5ZGOz1g}Bk>;M-| zfp-7|g5qtFYW@t0NVO6>9;6`|$B+dODw3B~RwGs^l>nifI#VANK^qDz1VKFkRmGE1 z+~t5V3Ox=#_?FxeHc+8h9Cd_)}{XQQi;Vm>Hpl)VW75ZougXATrGx4$8etwJV7 zA#4KxuTf{%o9ub`uzgaOwm_)*;Eee2IK{S?7`j#+} zil_E=2cpIjJmVu5M|t_&xCiu@O>zIBtb8xVZR9Mr5^6C3)Cn@)08m>FQ#7v&Y#&dc z{wHXYgQq2V@BwA-xfDNNmZ=qj)EnzLcbT~5VM`aVFlqoFjD~oPc$K=f4fd5=7d96X2 zO}s8`B1v*6C<_4iFF%daOh}mKwSNv+H$oP1K%=3?cmOrUh~J<(5Hp_G?Z&?ln{=B=arw588c)$u zJi54&a}`-zy!{&wH68&$2Qdu?yh1RchnSl7Tjz_Nz$US)i4<2Ztl)gbSVxoxcy0s@ zfRRRuX>h7PfnPf@HSNF7jvs*VD3JpKp>xkKRfGw(l3)Nd8%({8YI;v-Lp=SAK!W$% zh^bkA>g+uYjNL2_1RO}yb4$seLaZeW0F;tuBdLyxnC{IBBIwvch-l@PHuiU5^agPt zP-hbLuMtGYYCS;!Xfe`woD#gk$~>2DN>73h+6t{zzUjX{k&3A?qGG$tXBTk|Sgpql zfagPLR|?_Vx})DG2oww%R`KndZsUPOEI#NZSV;mh^vpuClBFUO0A35H%G7kq>{fCc z?$m-{Rv?QQ6*R?JVC3TS_%1>CZZPLeoPG^Ae@%@E04>MRs{j>r@zTo`_;w-_`-y^(GkaXdY!9^=M?H;3`aoze{XCn1nB^{%Yx$(76!86M58R*a zBFF$nN*ez*ms~8VlG!e5J=Q2V96c6J;3#@$ps=`WvzJ$oK`MKhDMrK?mVhud^VPewo9S*vBRQ*m?pDAx64HNQ)D?6Lf7Qq(BrX)QTxz>g9*_0UydDVW*+dhx+2OEpTlvXwq$LUtJJ^_)5tVCYFAQ0` zOmgc+BSrl#5m39=hC8DtAfQ`+oS`UkK2|IM{xivFgn-Su@!bgCeO|JDSQ5}5Ptr4_ zGqOSsT4!gB*t%M>WZPpeVf?b=P`lKCM}3BvfC4{EFZ$Cg5&$nvHcSFxzq#tH1rCgr z?)vTV%P-j5a(RO1d#%T#jBKb~s-luF%j|$IJ~>q}s-QeY_FDU?27b|p`4IO0&pGfQ zkW%bv%r|F;_Wpi&$zNJbkeZQ&R{k4IO_@N@;Jp%?rGW9|6h)z9wuJ!De!A{WLb-$H zl*s+vQ4JgjlXf4AkMG=&3|BzFd@lFcL}{JR3$t<5c-;N_x+G)RTIH(s>!I(08Ir|r(Cy1S9vasgsN~D1 zMl816IzCB}?*vyq0Pt)6P#Kxm{2kQ5zR}VEz%TO5eLq05A#9Ps=exH`UMy-E@UIu( zZJ>3pjY{>4pCVS)ahm9G!e=rwmHYshX$T_(b6AbJcQgkFiD{hfT=^TDKAXteq+QW{ zyl^Ibo_$7=PLH4H(9(ZhJ|0?+I;d2?=qs6&ApF=k#nd7J@WyOICIy(nIet=cP~zCn z3$ZkCATl5Emx;<>ad34-$d-RyxL6A`{xAZxz>2-rqgYR%KQc~{_u1xofG%HB$IORD z<_Y+8KY|zQNuT%lj^&5F#|G-Xe*2G_V%L*=JD!MC3&Okc3+pN@+%suF0K z@22b@DQ)Waw3HP9kOu&~O`G&AIiPg#s0puzolNF8WIw5XFwE(;2>_jz=zDRLFiFC% z{6!C`0DyVl#zrAW5SZK2i$VF<1d5Wt(X$S`8oUJp+Gp=b}$DSL7T5cl18ioN_&Z11W<^+A)$`=4ydI;z|VlbM%@oGNR9wjAX=yvJz_@qq2ELj!6Pb@>OU7B^*Jud^iqMs@&f?OT2TkPC#w8}ZmMYP`kP5i9|KHo*b_5U`0I z0Fiyl9{_TJaAyBO#IDSL_KqpiGDBnu0JIeXfWR&60N4^(egR;qiz}7@z>A*<@BqCd z^~?uBHV4R`zrC!df#$wqehGO|&wdt*1uO!9{;SNXmG?X8vyB}9n|hTm0G!!(5V5P| zcl%HGjwJxlZh!y)^o?Q%z{Z~C0|2S_60v$nC=7bbzy59!01OlWfS|9~0kFP@odbYU z#LQZVD?goPcA-)UEdhX+gaDvlG&=y+eQ3V`xcbX)*g1Wk)czD)-y#4QEWiT(05ux1dgy0Jxy`gAF1UluRj>pA+6w_d{}^@vEa^1M%lB2(#q`t zR(^d7+YbHCB(vJleKHxok5AIdi&@1N!$V!7dg6Xq3Rb z*X4@?DgYoK0NxE-i_9#x6HIEY^T*$Q(Pxth03#03Dli(Dm%D_=W{@CYr;GhWwi# zg8xJ4Vf_sX)Mnw}T?cm;PnYQM9;S;A`Fe27cY5B3xUh1X`?B<4uskP< z)Hpd|$kwr+U94TNwK`%@tGva6LWB6&A9Uvc(v%gJvn2w6Z)aoZ1l+xPjkQU;pmX!C zjKOP`O4j9_vFz@jQz#Sm%^FbS=|&3yV8SW-BBh2OStU~|fGMq|d4clyV8qC6YoT#+ zWHobBC(Ud+sa|0Q`>=PU*4$!u*^?SW5+5B&Ll&v2_PdM&*-D zl5woLa`U%4pwp)VC5f1vmVrLA+42D7G(-&h<_s?M3{a8txQVB;hr>vi{gavlCcVJ? z#89z{uk0U!wEKyY3}fw;9bB9d5-I)VFu(A%cp~8DvQnd+w_mRjX`KNS z%n{04H8{NN!%SXmKP?FufG6ptb2q=V!J<^F5xRZ7n0I`X#!for012$NkJ^F*yHnY{F{ON;}BA#ex1R9?o)($5T!=5W!L23K1KCP ziQN@`Mwl0HQv)NPlRgyif}Y&A6DPJYuS`oroP}%isp|NYb#jzX7HmP{Lt!5Bn;AJ9 zKOz92??wpC_sp0%B|7+Uc)5!7p@46PKfcYUYq8bGqn#>wp#SoD&^pU=gev;G->~`6 z&*r)y-|re{*DrR21&$R30KU?+vpVMM( ztrp!Ueui328cTNfPwSbKmVw~;LZbeh+IyxK|Ml~~n;o&gIFaa*?ds09&-j$Y6PhZ` zGq>iRv?AGzl%jh$`)*&Z=nfw4b)!c4-zZ5HvjE^L&-_F8D+pQ&u?ZgxhBcNa9uU&5 zJ<|4=z8ZY+C!}x+MPkh4fo7ioVgdlaN1(o-7bXD!PYuDqdeT-2g(z*0v?Eq-NBn)^ z!=B33(=j@flIm$9K{i#MsDIp@Ltsl5D2v!PrrQ6Q5^aGFTqvSPR@hA z8r`SpXT%C{V+H_UZ}uhKUIH*YSf9U@7S1|!tS)noS;1zptqL0s{(x^zof9lHr%?X2 zW5NLDJ!U}w;H8=Smo6Iwf>-|AxEk?l73S>)!HU~cg>A=v#?BMJiBiean^Q*&8pL)s zoMjeJP>R{-sE5))FMLqqU$b!3JImMRly`a91l{^}69@guk z5IYF=06g>gS7=8NJ=-Pp0@C=ZGSQ_L^Qki-y4XDJf4@13W9NjA`Mly9M~4NGp+TdC z8bK5Q_(m39)BTSE`QIdEY+apt51+P>>E%hrHm#j(%$jJ#-A@uFCa2)8d^L8Eub9fB z0bl~bb^SGf))mum>g{+;ZdVsv&h^A{TliJZ-t*Q7p6BNpj1ZE(ecWKtE>*Ji7hTt- zfv}$>e!8bq65=tUX%$p*k!P*k)=-rEC<8;53t!&N(~}UoeO%GoysWm63;;?gS$a#K z0SZy`JRSs13@Pw?=>=Aq?SgLCsoxNFT-e4=LB$)jZKw+G(1HC-SP_?zm#0sw zvV5991|VwfH|17563_gIh5dU$rL^xwBYsIYboDkoNE5cDTd?mG4lZtyA-x6f(G=t( z3jlbg;n%6wQ?2K<64isrx8iW|*g*um+7?~fK5rLac|j$1|8xdX$Az5aDcTGwSEnkQ zhxBF2>txQ5vH^f^=qRPi3%B*@AP|*JFgYO}7mmh4tx{saC%xe5;%rWSoA~`<#$$x8 z*(T@=UvY|gX1K{6;EP73#JUmvwrX!%fFEmt39rG9zus1Diu1nYK|8h)JIhhcT3s}cTyhW^wn$l-!Es7nU!s^ zwwzp@o385L_fLy8@DJls0f4D3O39js`hx(?$=xcTB;Pa-g8V}TK^^bPXjG#b8dR@} zx<1};a};(DkB{81-@A{?33qVy&OKbcdl!5r4oerJR9@AnX=5Q95+JplY8<+@Z| zM@p&SokTt+`15f7m_Ul+)>v2T>@+x{zkqjNWl*Bj0l>?=ol-^mBORa8x`_}Sl6X&W zh&>gG5Z+};%PABO+`T<&E$U(Z44>R`mI(lImH3)c_tbP?4%6OaYK9?1pr`KY=ll^@LJVyzPU)!PRB?il9Ejg?5ZXFy ziF_(sbBaEQkHa5_Y%C@qgsRortzQo4*V~+arS-d20U!?uPqIgGz#K|Z;?my(emID= ziI~8s)M}SR^bfY^oL&rQtP%jZibQ5+cA!MD96;mZlzR{thjUiy2^1>jZAWM4kR<^D zR-5|7ssWJO>HMrgpOrO&a@@3{HklIR;_$~o>lh9QpeGv53^Z>(E27oE*|@}fouyI7 zCIIlXA-3PV>7cLb-GzY62T(KjH{KJRjV&7xa0*4LLa7=>oSmar^vKD;X)DF%08r4d z+iALw-k@yF5whq(+|7DtOCcs8O65b1qr+GgQSMvl?|;))I=d)2Z5{xHl%kZZ2Q=B2 zFFPx}-8-kmCG<{8NOC!B9Y1FcGXp~Wrlh8a~KDhIqx~|nPCP;&!2Oi_j#Y+_kEt{ zyyr3mU2wPsQ%{2yc>u<$oUT;RBjU<_(xB4bW;0^*NY21}Cef<^dfCbUwVysD_VQ&G zl3fAZJC&9L7-=Wba&BsV*hPHpHHTdQ^a-Wk0O)J4pj7&~`dtxmQ)w$})+qpeXV6p- zBy~23PK~F?y}Xk|+Umn*01wQf)Rswmb_Y`D0ztlji`M8trw5Lm0ak1PuHCT3E6})= z*rdhkLGH7u7Xdx5CQPjcIFm=vy_*_qsm+c50e%q_x)ycgDahzcn~B(mR3BCW@O;s* zpHhtDc~6-Q%zefx*F2Zlag-vVfNKUqP}@)_{ElyFv``)8!}AP3gP^;TH*IjB*RF zk1mvlK!Ez1wZZ_oKx7sCKAL(PDE*h*z%Sl%4)Lb=9*b6jKtjHFo9tz2kq7Xye1(0s z+PTD=gbj+3hw%9tb}2BG433o-U!Coo;!P0z6?(#_tE3PlYMzL1$p#^@taPbb>D=N? zF$W~bWdhyuNv39YM{N>CLzb~uzc`k_{a$`gtE;R=ae5Zt&<2a?N%8Os^yiLjXuOI) z<*@IbD>KZqzzo39M8kIg?qkhxGL66bD<{q524@e0gb%lI-3$oH!~Om*vFw^E(uE$T z6K1N0uVAnKi4^A%Zwg!u1h0vC_zeTXKT_MXpiS9`Wc?{hNPs1>m&X%K3seTsRV!~9 z8xO+9lG8|EcLIF_!YzlMKlYmD5%I@1Wh2vDn4P11x$_y25L`bPuj$#kykoQ3>3<;h&H&*1Tsr_! zulrCVgwi;T@iEf))lvW{lLZ7m#H&Kw78!83ssT%~4w#AY7#5CwF&aW9zC$0P)KG6J zwPZ1W^~Eu_LkWm+4w`A61>$d>K@kJV|1>o^nQUIE6Jr0p6x$OGi z72y~FrfavoGKaSpFlF}O*-`+lm%-`l*Z_*c91B34+|bg3tf^-ACj6#jVWAel6EDaB zcy7HEz+iWRWn=l<9S^%%Sy$6*wm!u^S_P!K= zXti#tM%8Lq8+^xrHz&M?##XYW2ft*w4Zsk98j9vARfAO4lV+8%H#037?Q9?6BJlBvtqL>iw5#2jMx zfj6J#XTj|NV9YD*`aih(CV<$(`YQnLwnUUY>dpW#HjV*+2u&YnNAzgR@%W?CEbzad z;CXN5{eZJ)K-Ts$9Q;IjsV&WpG=D1m>IrrkWDHl%g1S@HC{ABp*YJ@enYopL0GM=UoD~AFjs6(n<*+txLDslC=4)A5xhq zOFE@vz8pynko`QU&3RXs0#Cdc*o5Wm)&J-Xf>UvS~nrzlFx{f;86X<$nAu;6~R422+yRtFLu+Ei7LCmw6pSU@qw!HS8=9 z2QKq*ZU|FT*y6?5cPE>#J~IPMbXL~NLsJ8#J-pq!`p+UpIp-SxgQQKnkO&g z71h{zT)MqA^GOKZ7RMKF6#&sV_gmc_03mV$j&00uJvH2CAflfAV`p?q#^&xT!|@va z16099`{kzS@Q2k-uBrq&I?MU?7cUo$M)of=M>iNDn2zX);}GDb;!6ug#8q|mc&kME zBu7r%UA^2Uyc@>u_BJ;`xq`X0A ze*~5;ePq~+JUhE*Ku3og znski>w4dc9hYK7Bfe@joV9|oMPhM{+0Mq1~ZZww@V*c0Jvi0_bpmlM%@a{|DUbYIh z9A{JAsF{4LuDR{c(`EUcgdhk_`4OF8ZC2b41JH4@E%ZkJhLcr!m+QYA_sey0JE44N pwA%7sz3+?4oHp$&&$hGY{||FM+2UXLx1<07002ovPDHLkV1kw~V{rfg literal 0 HcmV?d00001