style(ui): shrink open bag cards and add manual-add button to quick bar

- Reduce open bag card height from 280px to 222px
- Add a + button next to the places icon in the scan input bar
  that links to /add for manual entry
This commit is contained in:
Jon Seager 2026-02-07 20:07:23 +00:00
parent df4469ff69
commit 6829239bfc
No known key found for this signature in database
2 changed files with 8 additions and 1 deletions

View file

@ -1,6 +1,6 @@
{% import "partials/icons.html" as icons %}
{% macro card(bag, is_authenticated) %}
<div id="bag-card-{{ bag.id }}" class="relative w-[45vw] md:w-[200px] h-[280px] shrink-0 snap-start rounded-lg border bg-surface p-4 flex flex-col">
<div id="bag-card-{{ bag.id }}" class="relative w-[45vw] md:w-[200px] h-[222px] shrink-0 snap-start rounded-lg border bg-surface p-4 flex flex-col">
{% if is_authenticated %}
<button
type="button"

View file

@ -16,6 +16,13 @@
>
{{ icons::location("h-5 w-5") }}
</a>
<a href="/add"
class="shrink-0 inline-flex items-center justify-center rounded-md border p-2.5 text-accent transition hover:bg-surface-alt"
title="Add manually"
aria-label="Add manually"
>
{{ icons::plus("h-5 w-5") }}
</a>
<input
type="text"
name="prompt"