diff --git a/public/style.css b/public/style.css index 8b7e8f1..ba3c47b 100644 --- a/public/style.css +++ b/public/style.css @@ -108,4 +108,8 @@ pre { .fancy-button:hover { background-color: var(--accent-color-bri); +} + +.error { + color: #f33; } \ No newline at end of file diff --git a/public/template/account_management.ecr b/public/template/account_management.ecr index 5ada715..46da95c 100644 --- a/public/template/account_management.ecr +++ b/public/template/account_management.ecr @@ -12,14 +12,101 @@ margin: auto; padding: 1em; } + .greeting ::selection { + background-color: #000; + color: #fff; + } + .greeting { + background-color: var(--accent-color); + color: #000; + border-radius: 1.5em; + padding: 1em; + margin: 1em; + + display: flex; + flex-direction: row; + gap: 1rem; + } + .greeting-l { + flex: 0 0 auto; + max-width: 100%; + width: auto; + height: 100%; + max-height: 3rem; + object-fit: contain; + display: block; + } + .greeting-r { + flex: 1 1 0px; + min-width: 0; + + display: flex; + flex-direction: column; + justify-content: space-between; + } + .greeting-top { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + } + .greeting-top-left { + font-size: 1.4rem; + } + .greeting-stats { + display: flex; + flex-direction: row; + align-items: stretch; + gap: 0.5ex; + } + .greeting-stats img { + width: auto; + height: 1em; + } + .greeting a { + color: #000; + } + + @media (max-width: 650px) { + .greeting-top { + flex-direction: column; + gap: 0.2em; + align-items: start; + } + .greeting-bottom { + text-align: right; + } + .greeting-r { + gap: 0.2em; + } + } + + .favicon { + margin: auto; + display: block; + }
- hewwo, <%= username %>!