Polish public invoice mobile typography and justified copy.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
co-authored by
Cursor
parent
9e5a03548f
commit
a11f9643bb
@@ -143,6 +143,7 @@
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: var(--text-secondary, #475569);
|
color: var(--text-secondary, #475569);
|
||||||
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topText p {
|
.topText p {
|
||||||
@@ -269,6 +270,7 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1.45;
|
line-height: 1.45;
|
||||||
color: var(--text-secondary, #475569);
|
color: var(--text-secondary, #475569);
|
||||||
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page[dir='rtl'] {
|
.page[dir='rtl'] {
|
||||||
@@ -424,18 +426,58 @@ button.accountNumValue:focus-visible {
|
|||||||
padding: 16px 14px 18px;
|
padding: 16px 14px 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: calc(22px * 0.7);
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemTitle {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemDesc {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Physical left for price/duration on narrow screens */
|
||||||
.itemPrice {
|
.itemPrice {
|
||||||
|
width: 100%;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page[dir='rtl'] .itemPrice {
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page[dir='rtl'] .itemMeta {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
.account {
|
.account {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footerLink {
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerLogo {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerLabel {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerName {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* —— Print / Save as PDF —— */
|
/* —— Print / Save as PDF —— */
|
||||||
|
|||||||
Reference in New Issue
Block a user