gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finalisation home page

Browse Source
This commit is contained in:
Julie
2026-02-06 20:20:01 +01:00
parent 91c1b03a2f
commit d9ac2b4cc5
45 changed files with 1892 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/NewsletterCta.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="newslettercta">
<PageSection tone="brandreverse" :padded="false" content-size="default" padb="xs">
<PageSection tone="brandreverse" content-size="default" padb="xs">
<SectionTitle as="h1" tone="invert" pad="xs">
NEWSLETTER
</SectionTitle>
@@ -42,10 +42,8 @@
.newslettercta__content {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: center;
row-gap: 15px;
column-gap: 15px;
column-gap: 25px;
padding-right: 10px;
.newslettercta__content_text {
@@ -53,12 +51,18 @@
}
.newslettercta__button {
grid-column: 1;
justify-self: start;
justify-self: center;
}
@media (min-width: 1000px) {
.newslettercta__button {
justify-self: center;
margin-top: -10px;
}
}
}
@media (max-width: 300px) {
.newslettercta__content {
padding-left: calc(var(--section-title-pl, var(--sp-45)) - 20px);
padding-left: calc(var(--sp-45) - 20px);
}
}
@media (min-width: 500px) {