kai/pingu-concerts
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Rearrange profile account actions

Browse Source
This commit is contained in:
kai
2026-08-27 21:29:52 +02:00
parent 46a4d90850
commit 1d3614f78d
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/profile.html
+11 -2
View File
@@ -35,6 +35,13 @@
.patch.locked { opacity: .38; filter: grayscale(1); } .patch.locked { opacity: .38; filter: grayscale(1); }
.patch.earned { border: 0; background: transparent; box-shadow: 2px 3px 7px rgba(0,0,0,.7); } .patch.earned { border: 0; background: transparent; box-shadow: 2px 3px 7px rgba(0,0,0,.7); }
.profile-edit { margin-top: 24px; } .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 form { margin: 0; max-width: none; }
.profile-edit input { margin-bottom: 14px; } .profile-edit input { margin-bottom: 14px; }
.friend-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; } .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 { display: flex; flex-wrap: wrap; gap: 6px; }
.connection-actions form { margin: 0; } .connection-actions form { margin: 0; }
.connection-actions .button { padding: 7px 10px; font-size: .85rem; } .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; } }
</style> </style>
</head> </head>
<body> <body>
@@ -187,7 +194,7 @@
<span class="avatar-upload-status" id="avatar-upload-status">Große Bilder werden vor dem Upload automatisch optimiert.</span> <span class="avatar-upload-status" id="avatar-upload-status">Große Bilder werden vor dem Upload automatisch optimiert.</span>
<button class="button" type="submit">Profil speichern</button> <button class="button" type="submit">Profil speichern</button>
</form> </form>
<p class="data-export"><a href="/profile/export">Meine gespeicherten Daten exportieren (JSON)</a></p> <div class="account-actions">
<details class="account-delete"> <details class="account-delete">
<summary>Account löschen</summary> <summary>Account löschen</summary>
<p>Diese Aktion löscht dein Konto dauerhaft und kann nicht rückgängig gemacht werden.</p> <p>Diese Aktion löscht dein Konto dauerhaft und kann nicht rückgängig gemacht werden.</p>
@@ -195,6 +202,8 @@
<button type="submit" class="admin-danger">Account dauerhaft löschen</button> <button type="submit" class="admin-danger">Account dauerhaft löschen</button>
</form> </form>
</details> </details>
<p class="data-export"><a href="/profile/export">Meine gespeicherten Daten exportieren (JSON)</a></p>
</div>
</section> </section>
{% endif %} {% endif %}
</main> </main>