From 22b4fe0a51bc58a63a11b3d5311b17bb5909f70c Mon Sep 17 00:00:00 2001 From: Rushan Date: Sat, 23 Mar 2019 22:27:09 +0530 Subject: [PATCH] Update browser UI with new logo and colors (#7408) --- browser/app/css/loader.css | 2 +- browser/app/img/favicon.ico | Bin 501 -> 0 bytes browser/app/img/favicon/favicon-16x16.png | Bin 0 -> 14906 bytes browser/app/img/favicon/favicon-32x32.png | Bin 0 -> 16066 bytes browser/app/img/favicon/favicon-96x96.png | Bin 0 -> 17029 bytes browser/app/img/login-img-bck.svg | 50 ++++++++ browser/app/img/logo.svg | 12 +- browser/app/index.html | 9 +- browser/app/js/browser/SideBar.js | 2 +- browser/app/less/inc/form.less | 2 + browser/app/less/inc/login.less | 5 +- browser/app/less/inc/mixin.less | 9 ++ browser/app/less/inc/modal.less | 6 +- browser/app/less/inc/sidebar.less | 17 +-- browser/app/less/inc/variables.less | 2 + browser/ui-assets.go | 138 +++++++++++++--------- browser/webpack.config.js | 4 +- browser/webpack.production.config.js | 4 +- 18 files changed, 179 insertions(+), 83 deletions(-) delete mode 100644 browser/app/img/favicon.ico create mode 100644 browser/app/img/favicon/favicon-16x16.png create mode 100644 browser/app/img/favicon/favicon-32x32.png create mode 100644 browser/app/img/favicon/favicon-96x96.png create mode 100644 browser/app/img/login-img-bck.svg diff --git a/browser/app/css/loader.css b/browser/app/css/loader.css index 2cf1dded9..bba70295f 100644 --- a/browser/app/css/loader.css +++ b/browser/app/css/loader.css @@ -4,7 +4,7 @@ height: 100%; top: 0; left: 0; - background: #32393F; + background: #002a37; z-index: 100; transition: opacity 200ms; -webkit-transition: opacity 200ms; diff --git a/browser/app/img/favicon.ico b/browser/app/img/favicon.ico deleted file mode 100644 index 12df1b40ae5f716ba0bd9fa4405226373d91bb1a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 501 zcmVC&8#%C9L0ZYMTn8C&F(ropU2N{7tD;h7Xf_&3;`^c zA)sG%9W;bU6#x^!XGi-VHV!L+1ZWniw2uJphQ|j#&sV3HYP?i5g;=^DYv%dq%`mw* zIRt>o>i&Gt6+|ZOBp^z9FW&~hLvC(+G|`0UB2$`3m>D(>6B~zY<1q0q%n~5Bj7VF7 z5D>EgWY#4_pMZq|i5y6m5K#_f*@;=H3d{*$=?_#j#@@{;Ad18*Zk1mw0lZ3g{>p3T_!!TCj!&67|kA(F7|^L~4H2x-bbCX#h3u#!>>T+t$5& z9qRL2=yOAUJI~Lz20_475?BHTs`MrYFspj7sp18$%+n3Y*}-`^S*a>;L2{#o=@Y^h zJhgHAgLeo5#+#Dog;^J3uY{FE(!K+ju9*#5jxrDyz_pL$E{K^MFA@;3Y+h9B|JZ@} rhxn5at6hLdefz}LSTkpG-mDeBfAT?!CS@Qc00000NkvXXu0mjfX_3oB diff --git a/browser/app/img/favicon/favicon-16x16.png b/browser/app/img/favicon/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..1ef69e7772e25162924bb58eeadf8e97deba8686 GIT binary patch literal 14906 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 literal 0 HcmV?d00001 diff --git a/browser/app/img/favicon/favicon-96x96.png b/browser/app/img/favicon/favicon-96x96.png new file mode 100644 index 0000000000000000000000000000000000000000..7410eca4c36214dfed9d7c02ce984bf268d3f44f GIT binary patch literal 17029 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 A5&!@I literal 0 HcmV?d00001 diff --git a/browser/app/img/login-img-bck.svg b/browser/app/img/login-img-bck.svg new file mode 100644 index 000000000..2dd8593c5 --- /dev/null +++ b/browser/app/img/login-img-bck.svg @@ -0,0 +1,50 @@ + + + + Untitled + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/browser/app/img/logo.svg b/browser/app/img/logo.svg index 46024fee3..504777e9d 100644 --- a/browser/app/img/logo.svg +++ b/browser/app/img/logo.svg @@ -1,16 +1,12 @@ - + - Untitled 2 + logo Created with Sketch. - - - - - - + \ No newline at end of file diff --git a/browser/app/index.html b/browser/app/index.html index 20e684aa5..f6c6a1828 100644 --- a/browser/app/index.html +++ b/browser/app/index.html @@ -1,10 +1,14 @@ - - Minio Browser + MinIO Browser + + + + + @@ -23,7 +27,6 @@ You are using Internet Explorer version 12.0 or lower. Due to security issues and lack of support for Web Standards it is highly recommended that you upgrade to a modern browser -