jamsch0/groceries
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Improve styling of Items card on New Transaction page

Browse Source
This commit is contained in:
James Chapman
2023-07-24 02:22:21 +01:00
parent ddf87f6eb6
commit d6407d18cb
5 changed files with 80 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
Groceries/wwwroot/css/main.css
View File

@ -301,6 +301,11 @@ html:has(.modal[open]) {
margin: 1.5rem;
}
.card__content--table {
border-top: 1px solid rgb(229, 231, 235);
margin: -1px 0 0 0;
}
.card__header {
border-bottom: 1px solid rgb(243, 244, 246);
padding: 1.25rem 1.5rem;
@ -324,13 +329,12 @@ html:has(.modal[open]) {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.table table {
.table table, .card__content--table table {
min-width: 100%;
border-collapse: collapse;
}
.table__header {
background-color: rgb(249, 250, 251);
color: rgb(107, 114, 128);
font-size: 0.75rem;
font-weight: 500;
@ -342,6 +346,10 @@ html:has(.modal[open]) {
white-space: nowrap;
}
.table__header--shaded {
background-color: rgb(249, 250, 251);
}
.table__header--sortable a {
color: inherit;
text-decoration: none;
@ -373,6 +381,11 @@ html:has(.modal[open]) {
white-space: nowrap;
}
.table__cell--compact {
line-height: 1rem;
padding-block: 0.75rem;
}
.table__cell--icon {
font-size: 1.25rem;
}
@ -381,6 +394,11 @@ html:has(.modal[open]) {
text-align: end;
}
.table__cell--total {
font-weight: 600;
text-transform: uppercase;
}
.table__paginator {
display: flex;
justify-content: space-between;