melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: clean template markup and controls

Browse Source
This commit is contained in:
mkelvers
2026-04-10 22:28:51 +02:00
parent cd28a8d10f
commit 69f86d070b
3 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
internal/shared/ui/sort_filter.templ
View File

@@ -24,10 +24,6 @@ templ SortFilter(opts SortFilterOptions) {
<option value="asc" selected?={ opts.Order == "asc" }>Ascending</option> <option value="asc" selected?={ opts.Order == "asc" }>Ascending</option>
</select> </select>
</div> </div>
<div class="sort-filter-group density-group" aria-hidden="true">
<span class="density-label">Density</span>
<button type="button" class="density-toggle" id="density-toggle" onclick="document.body.classList.toggle('density-compact')">Compact</button>
</div>
</div> </div>
<form id="sort-form" method="get" class="is-hidden"> <form id="sort-form" method="get" class="is-hidden">
<input type="hidden" name="sort" id="sort-input" value={ opts.Sort }/> <input type="hidden" name="sort" id="sort-input" value={ opts.Sort }/>

10
internal/templates/auth.templ
View File

@@ -16,8 +16,8 @@ templ Login() {
</div> </div>
<button type="submit" class="login-button">Sign in</button> <button type="submit" class="login-button">Sign in</button>
</form> </form>
<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);"> <p class="auth-switch-row">
Don't have an account? <a href="/register" style="color: var(--primary);">Register</a> Don't have an account? <a href="/register">Register</a>
</p> </p>
</div> </div>
} }
@@ -37,13 +37,13 @@ templ Register() {
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" id="password" name="password" required placeholder="Minimum 12 chars"/> <input type="password" id="password" name="password" required placeholder="Minimum 12 chars"/>
</div> </div>
<p style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.4;"> <p class="auth-password-note">
Password must be at least 12 characters and include an uppercase letter, lowercase letter, number, and special character. Password must be at least 12 characters and include an uppercase letter, lowercase letter, number, and special character.
</p> </p>
<button type="submit" class="login-button">Create account</button> <button type="submit" class="login-button">Create account</button>
</form> </form>
<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);"> <p class="auth-switch-row">
Already have an account? <a href="/login" style="color: var(--primary);">Sign in</a> Already have an account? <a href="/login">Sign in</a>
</p> </p>
</div> </div>
} }

2
internal/templates/catalog.templ
View File

@@ -7,7 +7,7 @@ import "fmt"
templ Catalog() { templ Catalog() {
@Layout("mal - catalog") { @Layout("mal - catalog") {
<div class="catalog-grid" id="catalog-content"> <div class="catalog-grid" id="catalog-content">
<div hx-get="/api/catalog?page=1" hx-trigger="load" hx-swap="outerHTML" style="grid-column: 1 / -1;"> <div class="grid-full-width" hx-get="/api/catalog?page=1" hx-trigger="load" hx-swap="outerHTML">
@ui.LoadingIndicator("Loading catalog") @ui.LoadingIndicator("Loading catalog")
</div> </div>
</div> </div>