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

Implement no margin top option

Browse Source
This commit is contained in:
Sat Naing
2022-09-20 20:41:04 +06:30
parent a0e0830754
commit b9df3ab6db
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Footer.astro
+8 -2
View File
@@ -4,9 +4,15 @@ import LinkButton from "./LinkButton.astro";
import socialLinks from "@utils/socialLinks"; import socialLinks from "@utils/socialLinks";
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
export interface Props {
noMarginTop?: boolean;
}
const { noMarginTop = false } = Astro.props;
--- ---
<footer> <footer class={`${noMarginTop ? "" : "mt-auto"}`}>
<Hr noPadding /> <Hr noPadding />
<div class="footer-wrapper"> <div class="footer-wrapper">
<div class="social-icons"> <div class="social-icons">
@@ -34,7 +40,7 @@ const currentYear = new Date().getFullYear();
<style> <style>
footer { footer {
@apply mt-auto w-full; @apply w-full;
} }
.footer-wrapper { .footer-wrapper {
@apply py-6 sm:py-4 flex flex-col sm:flex-row-reverse justify-between items-center; @apply py-6 sm:py-4 flex flex-col sm:flex-row-reverse justify-between items-center;