builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

show footer

This commit is contained in:
Gamosoft 2025-12-06 19:00:13 +01:00
parent 54762bafe0
commit fcf39e9e68
1 changed files with 44 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
frontend/index.html
View File

@ -1358,54 +1358,57 @@
<span class="text-xs font-semibold uppercase tracking-wide" style="color: var(--text-tertiary);">Settings</span> <span class="text-xs font-semibold uppercase tracking-wide" style="color: var(--text-tertiary);">Settings</span>
</div> </div>
<div class="flex-1 overflow-y-auto custom-scrollbar p-3"> <!-- Scrollable content -->
<!-- Theme --> <div class="flex-1 overflow-y-auto custom-scrollbar">
<div class="mb-4"> <div class="p-3">
<label class="block text-xs font-medium mb-2" style="color: var(--text-secondary);">Theme</label> <!-- Theme -->
<select <div class="mb-4">
x-model="currentTheme" <label class="block text-xs font-medium mb-2" style="color: var(--text-secondary);">Theme</label>
@change="setTheme(currentTheme)" <select
class="w-full px-2 py-2 text-sm rounded focus:outline-none focus:ring-2 focus:ring-opacity-50" x-model="currentTheme"
style="background-color: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-primary); cursor: pointer;" @change="setTheme(currentTheme)"
> class="w-full px-2 py-2 text-sm rounded focus:outline-none focus:ring-2 focus:ring-opacity-50"
<template x-for="theme in availableThemes" :key="theme.id"> style="background-color: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-primary); cursor: pointer;"
<option :value="theme.id" x-text="theme.name"></option> >
</template> <template x-for="theme in availableThemes" :key="theme.id">
</select> <option :value="theme.id" x-text="theme.name"></option>
</template>
</select>
</div>
<!-- Logout (if auth enabled) - uses authEnabled from main app state -->
<div x-show="authEnabled" class="mb-4">
<label class="block text-xs font-medium mb-2" style="color: var(--text-secondary);">Account</label>
<a
href="/logout"
class="flex items-center justify-center gap-2 px-3 py-2 text-sm rounded transition-colors"
style="background-color: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-primary);"
onmouseover="this.style.backgroundColor='var(--bg-hover)'"
onmouseout="this.style.backgroundColor='var(--bg-primary)'"
>
🔒 Logout
</a>
</div>
</div> </div>
<!-- Logout (if auth enabled) - uses authEnabled from main app state --> <!-- Footer Info (inside scroll area) -->
<div x-show="authEnabled" class="mb-4"> <div class="p-3 mt-4 border-t text-center" style="border-color: var(--border-primary);">
<label class="block text-xs font-medium mb-2" style="color: var(--text-secondary);">Account</label> <div class="text-xs" style="color: var(--text-tertiary);">
<span x-text="notes.length"></span> notes
<span class="mx-1">·</span>
<span x-text="'v' + appVersion"></span>
</div>
<a <a
href="/logout" href="https://www.notediscovery.com"
class="flex items-center justify-center gap-2 px-3 py-2 text-sm rounded transition-colors" target="_blank"
style="background-color: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-primary);" rel="noopener noreferrer"
onmouseover="this.style.backgroundColor='var(--bg-hover)'" class="text-xs hover:underline"
onmouseout="this.style.backgroundColor='var(--bg-primary)'" style="color: var(--accent-primary);"
> >
🔒 Logout notediscovery.com
</a> </a>
</div> </div>
</div> </div>
<!-- Footer Info -->
<div class="flex-shrink-0 p-3 border-t text-center" style="border-color: var(--border-primary);">
<div class="text-xs" style="color: var(--text-tertiary);">
<span x-text="notes.length"></span> notes
<span class="mx-1">·</span>
<span x-text="'v' + appVersion"></span>
</div>
<a
href="https://www.notediscovery.com"
target="_blank"
rel="noopener noreferrer"
class="text-xs hover:underline"
style="color: var(--accent-primary);"
>
notediscovery.com
</a>
</div>
</div> </div>
</template> </template>
<!-- END SETTINGS PANEL --> <!-- END SETTINGS PANEL -->