benjamin/wgenerator
1
0
Fork 0
Code Actions Releases Activity

fix mobile buttons

Browse Source
This commit is contained in:
benjamin
2026-04-27 22:34:19 +02:00
parent 30115da841
commit e4bbe6e75c
9 changed files with 70 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/widget-modules/components/button/button.component.less
View File

@@ -8,8 +8,16 @@
}
button {
color: var(--text);
display: flex;
color: var(--primary-color);
transition: var(--transition);
border-radius: 4px;
font-size: 1rem;
background: var(--surface-strong);
border: 1px solid var(--primary-color);
padding: var(--gap-s);
cursor: pointer;
:host(.full-width) & {
width: 100%;
@@ -18,18 +26,19 @@ button {
&:hover {
color: var(--primary-active);
background: var(--surface-subtle);
}
@media screen and (max-width: 860px) {
font-size: 30px;
font-size: 1.2rem;
width: 100%;
justify-content: center;
.button-content {
flex-grow: 1;
}
}
}
.button-content {
@media screen and (max-width: 860px) {
display: none ;
}
}
fa-icon {
width: 20px;