webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: normalized and centralized sizes and padding

Browse source
This commit is contained in:
Robert Janus 2025-05-14 10:58:19 +02:00
parent 38cd37cf74
commit e591c276f5
11 changed files with 108 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/assets/styles/priceCard.css
View file

@ -15,7 +15,7 @@
& > * {
flex-grow: 1;
color: var(--color-lightest);
font-size: 2rem;
font-size: var(--font-size-xl);
display: flex;
align-items: center;
@ -26,13 +26,13 @@
& .bg-edit {
background: var(--color-main-dark);
padding: 2rem;
padding: var(--padding-xl);
text-align: left;
}
& .bg-delete {
background: var(--color-error);
padding: 2rem;
padding: var(--padding-xl);
text-align: right;
justify-content: flex-end;
}
@ -42,7 +42,7 @@
position: relative;
background: var(--color-lightest);
z-index: 2;
gap: 1rem;
gap: var(--padding-default);
padding: var(--padding-default);
&.animated {
@ -56,14 +56,14 @@
color: var(--color-darkest);
& .icon {
font-size: 1rem;
font-size: var(--font-size-normal);
cursor: pointer;
}
}
& .name-price {
display: flex;
gap: .5rem;
gap: var(--padding-xs);
& > span:nth-child(1) {
font-weight: bold;
@ -75,7 +75,7 @@
& > span:nth-child(2)::before {
content: '•';
margin-right: .5rem;
margin-right: var(--padding-xs);
color: var(--color-middle);
}
}
@ -84,19 +84,19 @@
display: flex;
flex-direction: row;
width: 100%;
gap: 1rem;
gap: var(--padding-default);
justify-content: space-between;
& > .info {
flex-grow: 0;
align-items: center;
gap: .25rem;
gap: var(--padding-xxs);
font-weight: bold;
& > .price {
display: flex;
align-items: center;
gap: .5rem;
gap: var(--padding-xs);
& > .icon {
color: var(--color-main-dark);
@ -104,7 +104,7 @@
}
& > .pro {
font-size: .6rem;
font-size: var(--font-size-s);
color: var(--color-middle);
font-weight: lighter;
}