@@ -76,26 +76,32 @@ function reloadPage() {
7676
7777 <div class =" flex items-center justify-center mt-10" >
7878 <div class =" flex flex-col gap-6" >
79- <div class =" flex gap-6" >
80- <div >
81- <CardTitled class =" h-full" title =" Tutorial" sub =" Coming soon. For now enjoy our launch video." >
82- <div class =" flex items-center justify-center h-full" >
83- <iframe width =" 560" height =" 315"
79+
80+ <div class =" flex gap-6 xl:flex-row flex-col" >
81+
82+ <div class =" h-full w-full" >
83+ <CardTitled class =" h-full w-full xl:min-w-[500px]" title =" Tutorial"
84+ sub =" Coming soon. For now enjoy our launch video." >
85+
86+ <div class =" flex items-center justify-center h-full w-full" >
87+
88+ <iframe class =" w-full h-full min-h-[400px]"
8489 src =" https://www.youtube.com/embed/GntyWMR7jsY?si=YGGkQwrk6-Iqmn8w" title =" Litlyx"
8590 frameborder =" 0"
8691 allow =" accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
8792 referrerpolicy =" strict-origin-when-cross-origin" allowfullscreen ></iframe >
8893 </div >
94+
8995 </CardTitled >
9096 </div >
9197
9298 <div class =" flex flex-col gap-6" >
9399
94- <div >
100+ <div class = " w-full " >
95101 <CardTitled title =" Quick Integration"
96102 sub =" Start tracking web analytics in one line. (works everywhere js is supported)" >
97103 <div class =" flex flex-col items-end gap-4" >
98- <div class =" w-full" >
104+ <div class =" w-full xl:text-[1rem] text-[.8rem] " >
99105 <pre ><code class =" language-html" >{{ scriptText }}</code ></pre >
100106 </div >
101107 <LyxUiButton type =" secondary" @click =" copyScript()" >
@@ -122,7 +128,7 @@ function reloadPage() {
122128 <CardTitled class =" w-full h-full" title =" Documentation"
123129 sub =" Learn how to use Litlyx in every tech stack" >
124130 <div class =" flex flex-col items-end" >
125- <div class =" flex justify-center w-full" >
131+ <div class =" justify-center w-full hidden xl:flex " >
126132 <svg width =" 680" height =" 100" viewBox =" 0 0 680 100" fill =" none"
127133 xmlns =" http://www.w3.org/2000/svg" >
128134 <mask id =" path-1-inside-1_473_1361" fill =" white" >
@@ -263,7 +269,7 @@ function reloadPage() {
263269
264270
265271
266- <!-- <div class="flex justify-center gap-10 flex-col lg :flex-row items-center lg :items-stretch px-10">
272+ <!-- <div class="flex justify-center gap-10 flex-col xl :flex-row items-center xl :items-stretch px-10">
267273
268274 <div class="bg-menu p-6 rounded-xl flex flex-col gap-2 w-full">
269275 <div class="poppins font-semibold"> Copy your project_id: </div>
@@ -273,7 +279,7 @@ function reloadPage() {
273279 </div>
274280 </div>
275281
276- <div class="bg-menu p-6 rounded-xl flex flex-col gap-2 w-full lg :max-w-[40vw]">
282+ <div class="bg-menu p-6 rounded-xl flex flex-col gap-2 w-full xl :max-w-[40vw]">
277283 <div class="poppins font-semibold">
278284 Start logging visits in 1 click | Plug anywhere !
279285 </div>
0 commit comments