Commit ·
adcffe9
1
Parent(s): 584fdf1
\"fix: remove gap between hero and content\"
Browse files
style.css
CHANGED
|
@@ -26,26 +26,19 @@ body {
|
|
| 26 |
}
|
| 27 |
|
| 28 |
.hero {
|
| 29 |
-
background: linear-gradient(180deg, var(--ha-primary-dark) 0%, var(--ha-primary) 100%);
|
| 30 |
color: white;
|
| 31 |
-
padding: 4rem 2rem
|
| 32 |
text-align: center;
|
| 33 |
position: relative;
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
.hero::after {
|
| 37 |
-
content: '';
|
| 38 |
-
position: absolute;
|
| 39 |
-
bottom: -2px;
|
| 40 |
-
left: 0;
|
| 41 |
-
right: 0;
|
| 42 |
-
height: 4rem;
|
| 43 |
-
background: linear-gradient(to bottom, transparent, var(--ha-surface));
|
| 44 |
}
|
| 45 |
|
| 46 |
.hero-content {
|
| 47 |
max-width: 800px;
|
| 48 |
margin: 0 auto;
|
|
|
|
|
|
|
| 49 |
}
|
| 50 |
|
| 51 |
.app-icon {
|
|
@@ -83,7 +76,6 @@ body {
|
|
| 83 |
background: var(--ha-surface);
|
| 84 |
border-radius: 20px;
|
| 85 |
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
| 86 |
-
margin-top: -2rem;
|
| 87 |
overflow: hidden;
|
| 88 |
margin-bottom: 3rem;
|
| 89 |
}
|
|
|
|
| 26 |
}
|
| 27 |
|
| 28 |
.hero {
|
| 29 |
+
background: linear-gradient(180deg, var(--ha-primary-dark) 0%, var(--ha-primary) 60%, transparent 100%);
|
| 30 |
color: white;
|
| 31 |
+
padding: 4rem 2rem 2rem 2rem;
|
| 32 |
text-align: center;
|
| 33 |
position: relative;
|
| 34 |
+
margin-bottom: -4rem;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
}
|
| 36 |
|
| 37 |
.hero-content {
|
| 38 |
max-width: 800px;
|
| 39 |
margin: 0 auto;
|
| 40 |
+
position: relative;
|
| 41 |
+
z-index: 2;
|
| 42 |
}
|
| 43 |
|
| 44 |
.app-icon {
|
|
|
|
| 76 |
background: var(--ha-surface);
|
| 77 |
border-radius: 20px;
|
| 78 |
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
|
|
|
| 79 |
overflow: hidden;
|
| 80 |
margin-bottom: 3rem;
|
| 81 |
}
|