moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
- 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/partials/bag_card.html
View file

@ -1,6 +1,6 @@
{% import "partials/icons.html" as icons %} {% import "partials/icons.html" as icons %}
{% macro card(bag, is_authenticated) %} {% 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 %} {% if is_authenticated %}
<button <button
type="button" type="button"

7
templates/partials/scan_input.html
View file

@ -16,6 +16,13 @@
> >
{{ icons::location("h-5 w-5") }} {{ icons::location("h-5 w-5") }}
</a> </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 <input
type="text" type="text"
name="prompt" name="prompt"