RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dark mode

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2023-09-09 15:42:25 +06:00
parent 7d7d737294
commit 83a5dbe156
25 changed files with 1244 additions and 1139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/about.vue
View File

@@ -16,7 +16,7 @@
<NuxtLink
to="https://github.com/nurRiyad"
target="_blank"
class="p-2 bg-gray-300 rounded-md"
class="p-2 bg-gray-300 text-gray-800 rounded-md"
aria-label="Github"
>
<Icon name="fa:github" size="1em" />
@@ -24,7 +24,7 @@
<NuxtLink
to="https://www.linkedin.com/in/nur-riyad/"
target="_blank"
class="p-2 bg-gray-300 rounded-md"
class="p-2 bg-gray-300 text-gray-800 rounded-md"
aria-label="LinkedIn"
>
<Icon name="fa:linkedin-square" size="1em" />
@@ -32,7 +32,7 @@
<NuxtLink
to="https://twitter.com/qdnvubp"
target="_blank"
class="p-2 bg-gray-300 rounded-md"
class="p-2 bg-gray-300 text-gray-800 rounded-md"
aria-label="Twitter"
>
<Icon name="fa:twitter-square" size="1em" />
@@ -40,7 +40,7 @@
<NuxtLink
to="https://stackoverflow.com/users/16781395/nur-riyad"
target="_blank"
class="p-2 bg-gray-300 rounded-md"
class="p-2 bg-gray-300 text-gray-800 rounded-md"
aria-label="StackOverflow"
>
<Icon name="fa:stack-overflow" size="1em" />

3
pages/blogs/[blog].vue
View File

@@ -89,7 +89,8 @@ useHead({
:tags="data.tags"
/>
<div
class="prose prose-pre:max-w-xs sm:prose-pre:max-w-full prose-sm sm:prose-base md:prose-lg prose-h1:no-underline max-w-5xl mx-auto prose-zinc prose-img:rounded-lg"
class="prose prose-pre:max-w-xs sm:prose-pre:max-w-full prose-sm sm:prose-base md:prose-lg
prose-h1:no-underline max-w-5xl mx-auto prose-zinc dark:prose-invert prose-img:rounded-lg"
>
<ContentRenderer v-if="articles" :value="articles">
<template #empty>

4
pages/blogs/index.vue
View File

@@ -78,7 +78,7 @@ useHead({
v-model="searchTest"
placeholder="Search"
type="text"
class="block w-full bg-[#F1F2F4] rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
class="block w-full bg-[#F1F2F4] dark:bg-zinc-800 dark:placeholder-zinc-500 text-zinc-300 rounded-md border-gray-300 dark:border-gray-800 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
>
</div>
@@ -112,7 +112,7 @@ useHead({
</template>
</ClientOnly>
<div class="flex justify-center items-center space-x-6">
<div class="flex justify-center items-center space-x-6 ">
<button :disabled="pageNumber <= 1" @click="onPreviousPageClick">
<Icon name="mdi:code-less-than" size="30" :class="{ 'text-sky-700': pageNumber > 1 }" />
</button>