From 154ff57d1d8a4a66ae8191ff3946ad282644c40e Mon Sep 17 00:00:00 2001 From: Aurelien Vaillant Date: Sat, 4 Apr 2020 01:08:49 +0200 Subject: [PATCH] WIP Panel --- custom_portal.css | 59 +++++++++++++++++++++++++++++++++++++++----- pictures/logout.png | Bin 0 -> 1554 bytes pictures/user.png | Bin 0 -> 3154 bytes 3 files changed, 53 insertions(+), 6 deletions(-) create mode 100644 pictures/logout.png create mode 100644 pictures/user.png diff --git a/custom_portal.css b/custom_portal.css index 183a68e..d9aaaf2 100644 --- a/custom_portal.css +++ b/custom_portal.css @@ -189,11 +189,58 @@ body.logged, .logged .content { Pannel ------------------------ */ .logged .ynh-wrapper { - width: 39%; + width: 30%; background-image: none; - background-color: rgb(44, 43, 39); - opacity: 70%; - border-right: 1rem solid #6f5b50; + background-color: #4f4641; + border-right: 0.6em solid #6f5b50; +} + /* ------------------------ + User + ------------------------ */ +.user-container { + display: block; + position: relative; + max-width: 100%; + margin: 70px 0 0; + padding: 16px 0; + background-color: #2c2b27; + color: #c2a593; +} +.user-container .user-username { + margin: 0; + min-height: 82px; +} +.user-container .user-fullname, .user-container .user-mail { + width: 50%; + font-size: 1em; + background-color: #4f4641; + text-align: center; + padding: 6px 0 0; +} +.user-container .user-fullname { + float: left; +} +.user-container .user-mail { + float: right; +} +.user-container .user-fullname:before { + content: "Bienvenue"; +} +.user-container .user-username:before { + display: block; + position: relative; + float: left; + content: url("pictures/user.png"); + width: 82px; + height: 82px; + size: 16px; +} + +.icon-connexion { + color: #c2a593; +} +.icon-connexion::before { + content: url("pictures/logout.png"); } /* ------------------------ Setup Footer @@ -203,7 +250,7 @@ body.logged, .logged .content { margin: 0; padding: 0; border: 0; - border-right: 1rem solid #6f5b50; + border-right: 0.6em solid #6f5b50; } .logged .footer nav { width: 85%; @@ -244,7 +291,7 @@ body.logged, .logged .content { position: absolute; top: 0; right: 0; - width: 60%; + width: 70%; min-height: 100vh; } diff --git a/pictures/logout.png b/pictures/logout.png new file mode 100644 index 0000000000000000000000000000000000000000..8b247ccaf3b87798477afea496df88f217a430c9 GIT binary patch literal 1554 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 V)-A{B32gn9?|^r~RoeI`{})ebWpn@l literal 0 HcmV?d00001