Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 07:48:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

add responsive to buttons

Browse Source
This commit is contained in:
Emily
2024-06-06 15:15:18 +02:00
parent c15e5d966e
commit c0a9194cb9
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
dashboard/pages/live_demo.vue
View File

@@ -59,7 +59,7 @@ const selectLabelsEvents = [
<div <div
class="bg-bg w-full px-6 py-6 text-text/90 flex flex-collg:flex-row text-lg lg:text-2xl gap-2 lg:gap-12"> class="bg-bg w-full px-6 py-6 text-text/90 flex flex-collg:flex-row text-lg lg:text-2xl gap-2 lg:gap-12">
<div class="flex items-center w-full"> <div class="flex items-center w-full flex-col md:flex-row">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="poppins font-semibold"> <div class="poppins font-semibold">
Litlyx open metrics Litlyx open metrics
@@ -70,7 +70,7 @@ const selectLabelsEvents = [
</div> </div>
</div> </div>
<div class="grow"></div> <div class="grow"></div>
<div class="flex gap-2"> <div class="flex gap-2 md:pt-0 pt-4">
<NuxtLink target="_blank" to="https://cal.com/litlyx/30min" <NuxtLink target="_blank" to="https://cal.com/litlyx/30min"
class="bg-white hover:bg-white/90 px-4 py-3 text-black poppins font-semibold text-[.9rem] lg:text-[1.2rem] rounded-lg"> class="bg-white hover:bg-white/90 px-4 py-3 text-black poppins font-semibold text-[.9rem] lg:text-[1.2rem] rounded-lg">
Book a demo Book a demo
@@ -181,7 +181,7 @@ const selectLabelsEvents = [
<div class="poppins text-[1.3rem]"> <div class="poppins text-[1.3rem]">
Made with ❤ in Italy Made with ❤ in Italy
</div> </div>
<div class="flex flex-col lg:flex-row justify-between w-full items-center gap-10 lg:gap-0"> <div class="flex flex-col lg:flex-row justify-between w-full items-center gap-10 lg:gap-0 lg:px-10">
<div class="text-[1.9rem] lg:text-[2.2rem] text-center lg:text-left px-2 lg:px-0"> <div class="text-[1.9rem] lg:text-[2.2rem] text-center lg:text-left px-2 lg:px-0">
<div class="poppins font-semibold text-accent"> <div class="poppins font-semibold text-accent">
@@ -192,7 +192,7 @@ const selectLabelsEvents = [
</div> </div>
</div> </div>
<div class="flex gap-2"> <div class="flex gap-2 flex-col md:flex-row">
<NuxtLink to="/" <NuxtLink to="/"
class="bg-accent hover:bg-accent/90 px-14 py-4 poppins font-semibold text-[1.1rem] lg:text-[1.6rem] rounded-lg"> class="bg-accent hover:bg-accent/90 px-14 py-4 poppins font-semibold text-[1.1rem] lg:text-[1.6rem] rounded-lg">
Get started Get started