style: remove gradient line

This commit is contained in:
MAZE 2023-11-23 16:53:15 +03:30
parent 0b49f66e58
commit de03cac6b3
5 changed files with 1 additions and 28 deletions

View file

@ -1,19 +0,0 @@
.gradient {
position: relative;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #fcb0f3, #5b27ec);
&::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
content: '';
filter: blur(10px);
opacity: 0.8;
}
}

View file

@ -1,5 +0,0 @@
import styles from './gradient.module.css';
export function Gradient() {
return <div className={styles.gradient} />;
}

View file

@ -1 +0,0 @@
export { Gradient } from './gradient';

View file

@ -1,5 +1,5 @@
.hero { .hero {
padding: 120px 0 60px; padding: 140px 0 60px;
text-align: center; text-align: center;
& .logo { & .logo {

View file

@ -1,7 +1,6 @@
--- ---
import Layout from '@/layouts/layout.astro'; import Layout from '@/layouts/layout.astro';
import { Gradient } from '@/components/gradient';
import { Hero } from '@/components/hero'; import { Hero } from '@/components/hero';
import { App } from '@/components/app'; import { App } from '@/components/app';
import { Footer } from '@/components/footer'; import { Footer } from '@/components/footer';
@ -9,7 +8,6 @@ import { AboutSection, WhySection, ReadySection } from '@/components/sections';
--- ---
<Layout title="Moodist: Ambient Sounds for Focus and Calm"> <Layout title="Moodist: Ambient Sounds for Focus and Calm">
<Gradient />
<Hero /> <Hero />
<App client:load /> <App client:load />
<AboutSection /> <AboutSection />