Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-10 07:25:34 +00:00
Code Issues Projects Releases Wiki Activity

Drop website dark mode feature

Browse Source
This commit is contained in:
khatabwedaa
2021-09-20 00:04:36 +02:00
parent c1aa6de033
commit 2ffe742ebb
7 changed files with 30 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.vue
View File

@@ -36,7 +36,7 @@
</div>
</div>
<div class="hidden w-full mt-6 md:flex md:items-center md:justify-center lg:w-1/2 lg:mt-0">
<div class="flex items-center justify-center w-full mt-6 lg:w-1/2 lg:mt-0">
<div class="w-full animate-float">
<img src="../assets/images/header-img.png" alt="moon">
</div>
@@ -48,7 +48,7 @@
<div class="container px-4 mx-auto">
<div class="py-16 text-center">
<h1
class="text-xl font-medium text-gray-700 sm:flex sm:items-center sm:justify-center lg:text-3xl dark:text-white"
class="text-xl font-medium text-gray-700 sm:flex sm:items-center sm:justify-center lg:text-3xl"
>
<span>Discover new components. Build amazing things. </span> &nbsp;
@@ -66,11 +66,11 @@
>
<app-button
@click="activeCategory = category.name"
class="px-3 py-1 mt-2 ml-2 text-sm rounded cursor-pointer hover:bg-gray-700 hover:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-gray-200 focus:outline-none"
class="px-3 py-1 mt-2 ml-2 text-sm rounded cursor-pointer hover:bg-gray-700 hover:text-gray-200 focus:outline-none"
:class="
category.name === activeCategory
? 'bg-gray-700 text-gray-200 dark:bg-gray-600 dark:text-gray-200'
: 'bg-gray-200 text-gray-700 dark:bg-gray-800 dark:text-gray-200'"
? 'bg-gray-700 text-gray-200'
: 'bg-gray-200 text-gray-700'"
>
{{ category.name }}
</app-button>
@@ -87,7 +87,7 @@
<div class="w-full max-w-6xl mx-auto">
<div class="mb-16" v-for="category in list" :key="category.name">
<h1
class="mb-6 text-2xl font-semibold text-gray-800 capitalize dark:text-white"
class="mb-6 text-2xl font-semibold text-gray-800 capitalize"
v-text="category.name"
></h1>