tim/autonomous.contact
1
0
Fork 0
forked from andyburke/autonomous.contact
Code Pull requests Activity

refactor: clean the sidebar up a little bit

Browse source
This commit is contained in:
Andy Burke 2025-09-16 19:48:01 -07:00
parent 778d1b3aef
commit c753f1ef65
2 changed files with 60 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

53
public/sidebar/sidebar.html
View file

@ -210,9 +210,9 @@
</script>
<style type="text/css">
.profile-container {
margin: 1rem auto;
max-width: 1024px;
padding: 1rem;
padding-bottom: 0;
}
.profile-container .avatar-container {
@ -351,31 +351,40 @@
<input type="file" accept="image/*" name="meta.avatar" />
</div>
<div class="username-container">
<span class="username" data-bind-to-user-field="username"></span>
</div>
<details class="additional-profile">
<summary>
<div class="username-container">
<span class="username" data-bind-to-user-field="username"></span>
</div>
</summary>
<div class="notifications-settings-container">
<button class="mockup" onclick="NOTIFICATIONS.request_permission()">
Enable Notifications
</button>
</div>
<div class="notifications-settings-container">
<button class="mockup" onclick="NOTIFICATIONS.request_permission()">
Enable Notifications
</button>
</div>
<div class="color-settings-container">
<input
type="text"
id="user-color-setting-primary"
name="meta.primary_color"
value=""
data-bind-to-user-field="meta.primary_color"
data-user-field-target="value"
data-user-field-default=""
/>
<label for="user-color-setting-primary">Primary Color</label>
</div>
<div class="color-settings-container">
<input
type="text"
id="user-color-setting-primary"
name="meta.primary_color"
value=""
data-bind-to-user-field="meta.primary_color"
data-user-field-target="value"
data-user-field-default=""
/>
<label for="user-color-setting-primary">Primary Color</label>
</div>
</details>
</form>
<form data-smart="true" data-method="DELETE" action="/api/auth">
<form
data-smart="true"
data-method="DELETE"
action="/api/auth"
style="position: absolute; left: 1rem; right: 1rem; bottom: 1rem"
>
<script>
{
const form = document.currentScript.closest("form");