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

add: bottom toolbar, remove button for cards

Browse source 
Implemented bottom toolbar for adding and calculating, added remove button for Price Cards
This commit is contained in:
Fiona Lena Urban 2025-02-17 20:38:18 +01:00
parent aa9c936f80
commit c99c243dfc
10 changed files with 144 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/assets/styles/button.css
View file

@ -1,9 +1,14 @@
.Button {
all: unset;
--padding: .2rem;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
cursor: pointer;
transition: var(--transition-default);
outline: none;
border: none;
background: transparent;
&.cta {
background: var(--color-main);
@ -11,10 +16,34 @@
padding: .5rem 1.5rem;
border-radius: var(--radius-default);
box-shadow: var(--box-shadow-z2);
transition: var(--transition-default);
&:hover {
background: var(--color-main-dark);
}
}
&.icon-button {
display: flex;
padding: var(--padding);
border-radius: 100%;
&:hover {
scale: 1.2;
}
}
&.mini-button {
padding: .5rem 1.5rem;
display: flex;
flex-direction: column;
gap: .5rem;
& > .icon {
font-size: 1.5rem;
}
& > span {
font-size: .8rem;
}
}
}