diff --git a/public/assets/css/account.css b/public/assets/css/account.css index dbfbf68..6852c5c 100644 --- a/public/assets/css/account.css +++ b/public/assets/css/account.css @@ -76,12 +76,34 @@ border-color: #5AFF15; } -.account-sidebar .user .mii { +.account-sidebar .user a.mii { + position: relative; + display: block; width: 128px; height: 128px; + overflow: hidden; border-radius: 100%; background: var(--bg-shade-3); } +.account-sidebar .user a.mii::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: no-repeat center/40% url("/assets/images/edit.svg"), rgba(55, 60, 101, 0.7); + opacity: 0; + transition: opacity 150ms; +} +.account-sidebar .user a.mii:hover::after { + opacity: 1; +} + +.account-sidebar .user .mii { + width: 100%; + height: 100%; +} .account-sidebar .buttons a { display: flex; flex-flow: column; diff --git a/public/assets/images/edit.svg b/public/assets/images/edit.svg new file mode 100644 index 0000000..d19401d --- /dev/null +++ b/public/assets/images/edit.svg @@ -0,0 +1 @@ + diff --git a/views/account/account.handlebars b/views/account/account.handlebars index a4b5b01..546b6a5 100644 --- a/views/account/account.handlebars +++ b/views/account/account.handlebars @@ -7,7 +7,9 @@
- + + Mii image +

{{account.mii.name}}

PNID: {{account.username}}

{{#if tierName}}