KevinMidboe/planetposen
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen.git synced 2025-10-29 17:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

White table for cart.

Browse Source
This commit is contained in:
Kevin
2020-07-21 13:20:42 +02:00
parent 4489c1380d
commit e21bc1f1b8
1 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/components/Cart.vue
View File

@@ -207,10 +207,25 @@ table.cart-inventory {
}
thead tr th {
border-bottom: 2px solid rgba(255,255,255,.1);
border-bottom: 2px solid rgba(0,0,0,.1);
&:not(:last-of-type) {
border-right: 2px solid rgba(255,255,255,.1);
border-right: 2px solid rgba(0,0,0,0.1);
}
}
thead th:first-of-type {
border-top-left-radius: 6px;
}
thead th:last-of-type {
border-top-right-radius: 6px;
}
tbody tr:last-of-type {
td:first-of-type {
border-bottom-left-radius: 6px;
}
td:last-of-type {
border-bottom-right-radius: 6px;
}
}
@@ -276,28 +291,33 @@ table.cart-inventory--mobile {
table {
width: 100%;
border: 1px solid rgba(255,255,255,.1);
border: 1px solid rgba(0,0,0,.1);
border-radius: 6px;
margin-bottom: 1.5rem;
font-size: 1.2em;
// background-color: white;
color: var(--color-background);
@include mobile {
font-size: 1.1em;
}
tr th, tr td {
border-bottom: 2px solid rgba(255,255,255,.1);
border-bottom: 2px solid rgba(0,0,0,.1);
}
th, td {
padding: 0.75rem 1rem;
background-color: white;
}
th {
text-align: left;
vertical-align: top;
}
}
.page-header {