hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-18 01:14:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: change spacing

Browse source
This commit is contained in:
MAZE 2023-10-06 14:25:55 +03:30
parent 6720e86a0a
commit cc26f68097
4 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/category/category.module.css
View file

@ -1,4 +1,8 @@
.category { .category {
&:not(:last-of-type) {
margin-bottom: 20px;
}
& .iconContainer { & .iconContainer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
src/components/hero/hero.module.css
View file

@ -1,5 +1,5 @@
.hero { .hero {
padding: 100px 0 10px; padding: 100px 0 20px;
text-align: center; text-align: center;
& .logo { & .logo {

2
src/components/sound/sound.module.css
View file

@ -32,7 +32,7 @@
& h3 { & h3 {
font-family: var(--font-heading); font-family: var(--font-heading);
font-size: 15px; font-size: var(--font-sm);
font-weight: 600; font-weight: 600;
line-height: 1.6; line-height: 1.6;
} }

12
src/pages/index.astro
View file

@ -8,6 +8,14 @@ import sounds from '@/data/sounds.json';
--- ---
<Layout title="Welcome to Astro."> <Layout title="Welcome to Astro.">
<Hero /> <main>
<Categories client:load sounds={sounds.sounds} /> <Hero />
<Categories client:load sounds={sounds.sounds} />
</main>
</Layout> </Layout>
<style>
main {
padding-bottom: 100px;
}
</style>