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

fix homepage performance

Browse Source
This commit is contained in:
Emily
2024-06-06 20:21:55 +02:00
parent 83d542f565
commit e2f6a80ad5
4 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
landing/components/Code.vue
View File

@@ -27,7 +27,7 @@ onMounted(() => {
</div> </div>
<div <div
class="bg-menu font-semibold px-8 text-[1.4rem] h-24 flex items-center inconsolata mt-12 outline outline-[2px] outline-[#83838388] rounded-lg"> class="bg-menu font-semibold px-8 text-[1.2rem] md:text-[1.4rem] h-24 flex items-center inconsolata mt-12 outline outline-[2px] outline-[#83838388] rounded-lg">
{{ currentText }} {{ currentText }}
</div> </div>

18
landing/layouts/header.vue
View File

@@ -18,7 +18,8 @@ nuxtApp.hook("page:finish", () => {
<div class="layout h-full flex flex-col pt-1 px-1"> <div class="layout h-full flex flex-col pt-1 px-1">
<div class="text-white items-center py-4 gap-2 flex-col lg:flex-row lg:mx-20 lg:pl-10 hidden lg:flex"> <div
class="text-white items-center py-4 gap-2 flex-col lg:flex-row lg:mx-20 lg:pl-10 hidden lg:flex z-[20] relative">
<NuxtLink to="/" tag="div" class="flex gap-4 items-center"> <NuxtLink to="/" tag="div" class="flex gap-4 items-center">
@@ -47,7 +48,7 @@ nuxtApp.hook("page:finish", () => {
</div> </div>
</div> </div>
<div class="flex lg:hidden p-4"> <div class="flex lg:hidden p-4 z-[20] relative">
<NuxtLink to="/" class="flex gap-4 items-center"> <NuxtLink to="/" class="flex gap-4 items-center">
<div class="bg-black h-[2.8rem] aspect-[1/1] flex items-center justify-center rounded-lg"> <div class="bg-black h-[2.8rem] aspect-[1/1] flex items-center justify-center rounded-lg">
<img class="h-[1.8rem]" :src="'/logo.png'"> <img class="h-[1.8rem]" :src="'/logo.png'">
@@ -81,11 +82,6 @@ nuxtApp.hook("page:finish", () => {
</NuxtLink> </NuxtLink>
</div> </div>
<!-- <div class="flex justify-between items-center mr-2">
<NuxtLink to="/" class="hover:text-text-sub/90 py-3"> Live demo </NuxtLink>
<div> <i class="fas fa-chevron-right"></i> </div>
</div>
<div class="divider border-b border-gray-500/40"></div> -->
<div class="flex justify-between items-center mr-2"> <div class="flex justify-between items-center mr-2">
<NuxtLink target="_blank" to="https://docs.litlyx.com" class="hover:text-text-sub/90 py-3"> <NuxtLink target="_blank" to="https://docs.litlyx.com" class="hover:text-text-sub/90 py-3">
@@ -144,11 +140,9 @@ nuxtApp.hook("page:finish", () => {
</div> </div>
<div class="flex"> <div class="flex">
<div class="text-[.9rem] text-text-sub/80"> <div class="text-[.9rem] flex flex-col text-center text-text-sub/80">
© 2024 Litlyx All right reserved. <div> © 2024 Litlyx All right reserved. </div>
<span class="ml-1 font-bold"> <div class="ml-1 font-bold"> Made with ❤ in Italy </div>
Made with ❤ in Italy
</span>
</div> </div>
</div> </div>

2
landing/pages/index.vue
View File

@@ -36,7 +36,7 @@ const mouseStyle = computed(() => {
<div class="home relative h-full w-full bg-[#151517] overflow-x-hidden"> <div class="home relative h-full w-full bg-[#151517] overflow-x-hidden">
<div class="w-full h-full fixed left-0 top-0"> <div class="w-full h-full fixed left-0 top-0 hidden md:flex">
<div :style="mouseStyle" class="absolute w-[30rem] h-[18rem] flex items-center justify-center z-0"> <div :style="mouseStyle" class="absolute w-[30rem] h-[18rem] flex items-center justify-center z-0">
<div class="blob opacity-5"></div> <div class="blob opacity-5"></div>
</div> </div>

BIN
landing/public/screen_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 149 KiB

After

Width:  |  Height:  |  Size: 50 KiB