diff --git a/app/templates/profile.html b/app/templates/profile.html index 802aaa8..a86ef8a 100644 --- a/app/templates/profile.html +++ b/app/templates/profile.html @@ -35,6 +35,13 @@ .patch.locked { opacity: .38; filter: grayscale(1); } .patch.earned { border: 0; background: transparent; box-shadow: 2px 3px 7px rgba(0,0,0,.7); } .profile-edit { margin-top: 24px; } + .account-actions { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-top:22px; padding-top:16px; border-top:1px solid var(--border); } + .account-delete { flex:1; color:var(--muted); } + .account-delete summary { color:#fca5a5; cursor:pointer; font-weight:700; } + .account-delete p { font-size:.85rem; } + .data-export { flex:0 0 auto; margin:0; text-align:right; } + .data-export a { color:#a8a29e; font-size:.8rem; } + .data-export a:hover { color:#fca5a5; } .profile-edit form { margin: 0; max-width: none; } .profile-edit input { margin-bottom: 14px; } .friend-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; } @@ -52,7 +59,7 @@ .connection-actions { display: flex; flex-wrap: wrap; gap: 6px; } .connection-actions form { margin: 0; } .connection-actions .button { padding: 7px 10px; font-size: .85rem; } - @media (max-width: 720px) { .profile-layout { grid-template-columns: 1fr; } .kutte { padding-left: 20px; padding-right: 20px; } } + @media (max-width: 720px) { .profile-layout { grid-template-columns: 1fr; } .kutte { padding-left: 20px; padding-right: 20px; } .account-actions { flex-direction:column; } .data-export { text-align:left; } }
@@ -187,14 +194,16 @@ Große Bilder werden vor dem Upload automatisch optimiert. -Meine gespeicherten Daten exportieren (JSON)
-Diese Aktion löscht dein Konto dauerhaft und kann nicht rückgängig gemacht werden.
- -Diese Aktion löscht dein Konto dauerhaft und kann nicht rückgängig gemacht werden.
+ +