TheCloneArmy/serverless-invoices
1
0
Fork 0
mirror of https://github.com/mokuappio/serverless-invoices.git synced 2025-10-31 18:01:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

invoice - add density selector, refactor invoice css

Browse Source
This commit is contained in:
Marek Fraczyk
2021-05-17 14:02:44 +03:00
parent 0bd6b24a27
commit 8846d52faf
7 changed files with 63 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/assets/scss/components/_invoice.scss
View File

@ -1,15 +1,36 @@
.invoice-container {
overflow-x: auto;
}
.invoice {
&-container {
overflow-x: auto;
}
.invoice-box {
margin: auto;
padding: 30px;
min-width: var(--breakpoint-md);
box-shadow: $box-shadow-light-1;
font-size: 16px;
line-height: 24px;
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
&-box {
margin: auto;
padding: 30px;
min-width: var(--breakpoint-md);
box-shadow: $box-shadow-light-1;
font-size: 16px;
line-height: 24px;
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}
&__row {
&-control {
position: absolute;
top: 12px;
right: -30px;
}
}
&__rows {
&--compact {
th, td {
padding: 4px 16px;
}
.invoice__row-control {
top: 0;
}
}
}
}
@page {
@ -30,9 +51,3 @@
box-shadow: none;
}
}
.remove-invoice-row {
position: absolute;
right: -30px;
top: 10px;
}