Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update section padding and rename section ids

Browse Source
This commit is contained in:
Sat Naing
2022-09-11 11:48:43 +06:30
parent 57cdee1b3d
commit b41febecd8
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+11 -11
View File
@@ -24,7 +24,7 @@ const sortedPosts = getSortedPosts(posts);
<Layout title="Welcome to Astro."> <Layout title="Welcome to Astro.">
<Header /> <Header />
<main> <main>
<section id="hero-section"> <section id="hero">
<h1>Mingalaba<span>.</span></h1> <h1>Mingalaba<span>.</span></h1>
<p> <p>
Hi, I'm a theme for Astro, an example of how you can use this starter to Hi, I'm a theme for Astro, an example of how you can use this starter to
@@ -85,7 +85,7 @@ const sortedPosts = getSortedPosts(posts);
<hr class="h-row" /> <hr class="h-row" />
<section id="featured-section"> <section id="featured">
<h2>Featured</h2> <h2>Featured</h2>
<ul> <ul>
{ {
@@ -105,8 +105,8 @@ const sortedPosts = getSortedPosts(posts);
<hr class="h-row" /> <hr class="h-row" />
<section id="recent-section"> <section id="recent-posts">
<h2>Recent</h2> <h2>Recent Posts</h2>
<ul> <ul>
{ {
sortedPosts.map( sortedPosts.map(
@@ -139,10 +139,10 @@ const sortedPosts = getSortedPosts(posts);
<style> <style>
/* ===== Hero Section ===== */ /* ===== Hero Section ===== */
#hero-section { #hero {
@apply pt-12; @apply pt-12;
} }
#hero-section h1 { #hero h1 {
@apply font-bold my-4 sm:my-8 text-3xl sm:text-5xl; @apply font-bold my-4 sm:my-8 text-3xl sm:text-5xl;
} }
h1 span { h1 span {
@@ -165,12 +165,12 @@ const sortedPosts = getSortedPosts(posts);
} }
/* ===== Featured & Recent Posts Sections ===== */ /* ===== Featured & Recent Posts Sections ===== */
#featured-section, #featured,
#recent-section { #recent-posts {
@apply py-6; @apply pt-12 pb-6;
} }
#featured-section h2, #featured h2,
#recent-section h2 { #recent-posts h2 {
@apply font-semibold text-2xl tracking-wide; @apply font-semibold text-2xl tracking-wide;
} }