diff --git a/assets/menu/logout.png b/assets/menu/logout.png new file mode 100644 index 0000000..d44fe81 Binary files /dev/null and b/assets/menu/logout.png differ diff --git a/css/profile.css b/css/profile.css index 24082be..0a6ce65 100644 --- a/css/profile.css +++ b/css/profile.css @@ -1,8 +1,10 @@ #modal_profile { + width: 50%; + height: 45%; padding: 0; - color: rgb(0, 17, 255); - background-color: rgb(0, 17, 255); + background-color: rgba(0, 4, 255, 0.74); + border-width: 0px; } .profile-modal @@ -12,8 +14,55 @@ display: flex; flex-direction: column; } - +.profile-header +{ + font-size: 14px; +} +.profile-header button +{ + font-size: 25px; + width: 30px; + height: 30px; + background-color: transparent; + border-color: transparent; + float: right; +} +.logout-logo img{ + z-index: -1; + position: absolute; + width: 7%; +} +.profile-footer{ + display: flex; + flex-direction: column; +} .profile-footer button { - background-color: red; + position: relative; + width: 63px; + height: 63px; + background-color: transparent; + border-color: transparent; +} +.profile-footer p +{ + color: red; + font-size: 22px; + margin-bottom: -1px; + margin-top: -9px; +} +.profile-footer button:hover +{ + cursor: pointer; +} +#btn-token{ + background-color: grey; +} +#btn-token:hover{ + background-color: transparent; + cursor: pointer; +} +.profile-header button:hover +{ + cursor: pointer; } \ No newline at end of file diff --git a/html/templates/modal_profile.html b/html/templates/modal_profile.html index c908516..56d02f3 100644 --- a/html/templates/modal_profile.html +++ b/html/templates/modal_profile.html @@ -1,5 +1,6 @@