ouyang/wr.do
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: dark home

Browse Source
This commit is contained in:
oiov
2024-10-30 15:19:52 +08:00
parent 3dbd824326
commit 7b5ffb529d
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/hero-landing.tsx
+5 -5
View File
@@ -86,7 +86,7 @@ export function LandingImages() {
width={450}
height={280}
/>
<div className="grids px-2 py-4">
<div className="grids grids-dark px-2 py-4">
<h3 className="mb-6 text-xl font-bold md:text-3xl">
Free Subdomain Hosting
</h3>
@@ -106,7 +106,7 @@ export function LandingImages() {
width={430}
height={280}
/>
<div className="grids px-2 py-4">
<div className="grids grids-dark px-2 py-4">
<h3 className="mb-6 text-xl font-bold md:text-3xl">
URL Shortening
</h3>
@@ -126,7 +126,7 @@ export function LandingImages() {
width={460}
height={280}
/>
<div className="grids px-2 py-4">
<div className="grids grids-dark px-2 py-4">
<h3 className="mb-6 text-xl font-bold md:text-3xl">
Website Screenshot API
</h3>
@@ -154,7 +154,7 @@ export function LandingImages() {
width={430}
height={280}
/>
<div className="grids px-2 py-4">
<div className="grids grids-dark px-2 py-4">
<h3 className="mb-6 text-xl font-bold md:text-3xl">
Meta Information API
</h3>
@@ -173,7 +173,7 @@ export function LandingImages() {
</div>
</div>
<div className="grids my-10 flex w-full max-w-6xl items-center justify-center gap-8 pb-6 pt-6 md:gap-14 md:pb-10 md:pt-10">
<div className="grids grids-dark my-10 flex w-full max-w-6xl items-center justify-center gap-8 pb-6 pt-6 md:gap-14 md:pb-10 md:pt-10">
<CardItem
bgColor="bg-cyan-400"
rotate="rotate-12 origin-top-left"
styles/globals.css
+11
View File
@@ -120,6 +120,17 @@
background-size: 20px 20px;
}
.grids-dark:is(.dark *) {
background-image: linear-gradient(
0deg,
rgba(100, 100, 100, 0.278) 1px,
transparent 0
),
linear-gradient(90deg, rgba(100, 100, 100, 0.278) 1px, transparent 0);
background-position: 50%;
background-size: 20px 20px;
}
@font-face {
font-family: "Bahamas Normal";
/* font-style: normal;