Cloonar/dialog-relations-website
2
0
Fork 0
Code Pull Requests Actions Activity

feat: change button design, change textpic mobile layout

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2024-12-14 02:17:09 +01:00
parent ba359c07a5
commit 58d041c473
3 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/base/Resources/Public/Scss/components/_buttons.scss
View File

@@ -1,8 +1,8 @@
.btn {
background-color: var(--bs-primary);
color: var(--bs-yellow);
font-family: 'Hajime Sans', sans-serif;
border-radius: 2rem;
font-family: 'Inter', sans-serif;
border-radius: .5rem;
padding: 0.75rem 1.5rem;
border: none;
cursor: pointer;

5
packages/base/Resources/Public/Scss/components/_news.scss
View File

@@ -3,6 +3,7 @@
grid-template-columns: repeat(6, 1fr);
gap: 1rem;
grid-auto-rows: auto;
margin-bottom: 1rem; /* Ensure space below the news list */
.news-list-item {
grid-column: span 6;
@@ -131,9 +132,9 @@
}
}
/* Show mobile button only below desktop breakpoint, add space above */
/* Show mobile button only below desktop breakpoint, inline-block and margin-top */
.mobile-btn {
margin-top: 2rem; /* Added space between the news list and the show all button */
display: inline-block;
@media (min-width: $breakpoint-lg) {
display: none;
}