Skip to content

Commit 4a6e49f

Browse files
Hero: Fix "Get started" and "GitHub" buttons getting obstructed
This patch places the hero buttons on top of floating background shapes.
1 parent 89bce7e commit 4a6e49f

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

src/components/Hero.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,15 @@
88
>
99
<div class="flex flex-col md:flex-row justify-center my-5 md:my-20">
1010
<a
11-
class="StartButton mr-5"
11+
class="StartButton mr-5 z-10"
1212
href="https://wiki.t2linux.org/"
1313
target="_blank"
1414
>
1515
<span class="m-auto">Get started</span>
1616
</a>
1717

1818
<a
19-
class="GithubButton"
19+
class="GithubButton z-10"
2020
href="https://github.com/t2linux"
2121
target="_blank"
2222
>
@@ -117,17 +117,17 @@
117117
</div>
118118
<img
119119
src="../assets/background/shapes/torus.png"
120-
class="Shape1 hidden md:block"
120+
class="Shape1 hidden md:block z-0"
121121
alt=""
122122
/>
123123
<img
124124
src="../assets/background/shapes/cube.png"
125-
class="Shape2 hidden md:block"
125+
class="Shape2 hidden md:block z-0"
126126
alt=""
127127
/>
128128
<img
129129
src="../assets/background/shapes/circle.png"
130-
class="Shape3 hidden md:block"
130+
class="Shape3 hidden md:block z-0"
131131
alt=""
132132
/>
133133
</div>

0 commit comments

Comments
 (0)