mirror of
https://github.com/zaphar/kitchen.git
synced 2025-07-23 19:49:58 -04:00
A whole lot of layout fixes for mobile
This commit is contained in:
parent
6e5db89c9a
commit
e8228eb0cf
@ -43,6 +43,7 @@ pub fn shopping_list() -> View<G> {
|
|||||||
table(class="pad-top shopping-list page-breaker container-fluid", role="grid") {
|
table(class="pad-top shopping-list page-breaker container-fluid", role="grid") {
|
||||||
tr {
|
tr {
|
||||||
th { " Quantity " }
|
th { " Quantity " }
|
||||||
|
th { " Delete " }
|
||||||
th { " Ingredient " }
|
th { " Ingredient " }
|
||||||
th { " Recipes " }
|
th { " Recipes " }
|
||||||
}
|
}
|
||||||
@ -59,6 +60,8 @@ pub fn shopping_list() -> View<G> {
|
|||||||
tr {
|
tr {
|
||||||
td {
|
td {
|
||||||
input(bind:value=amt.clone(), type="text")
|
input(bind:value=amt.clone(), type="text")
|
||||||
|
}
|
||||||
|
td {
|
||||||
input(type="button", class="no-print destructive", value="X", on:click=cloned!((filtered_keys) => move |_| {
|
input(type="button", class="no-print destructive", value="X", on:click=cloned!((filtered_keys) => move |_| {
|
||||||
let mut keyset = (*filtered_keys.get()).clone();
|
let mut keyset = (*filtered_keys.get()).clone();
|
||||||
keyset.insert(k.clone());
|
keyset.insert(k.clone());
|
||||||
|
@ -24,7 +24,7 @@ pub struct TabState<G: GenericNode> {
|
|||||||
#[component(TabbedView<G>)]
|
#[component(TabbedView<G>)]
|
||||||
pub fn tabbed_view(state: TabState<G>) -> View<G> {
|
pub fn tabbed_view(state: TabState<G>) -> View<G> {
|
||||||
cloned!((state) => view! {
|
cloned!((state) => view! {
|
||||||
header(class="no-print margin-medium") {
|
header(class="no-print") {
|
||||||
nav {
|
nav {
|
||||||
ul {
|
ul {
|
||||||
li { a(href="#", class="no-print", on:click=cloned!((state) => move |_| {
|
li { a(href="#", class="no-print", on:click=cloned!((state) => move |_| {
|
||||||
|
@ -24,34 +24,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-count-sel {
|
|
||||||
width: 4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ingredient-count-sel {
|
|
||||||
width: 15em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.destructive {
|
.destructive {
|
||||||
background-color: firebrick !important;
|
background-color: firebrick !important;
|
||||||
}
|
|
||||||
|
|
||||||
.no-left-mgn {
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pad-top {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shopping-list {
|
|
||||||
width:max-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
padding-bottom: 1ch;
|
|
||||||
}
|
|
||||||
|
|
||||||
body{
|
|
||||||
padding-left: 1ch;
|
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user