stylings

reednel · Aug 12, 2023 · a01f08d · a01f08d
1 parent 34857c1
commit a01f08d
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/src/layouts/Search.tsx b/src/layouts/Search.tsx
@@ -75,7 +75,7 @@ const Search = ({ searchList }: Props) => {
             <div className="flex flex-nowrap">
               <input
                 className="form-input rounded-r-none"
-                placeholder="Search posts"
+                placeholder="search posts"
                 type="search"
                 name="search"
                 value={inputVal}
@@ -94,7 +94,7 @@ const Search = ({ searchList }: Props) => {
           {searchResults?.length < 1 ? (
             <div className="mx-auto pt-5 text-center">
               <h1 className="h2 mb-4">
-                {inputVal.length < 1 ? "Search Post Here" : "No Search Found!"}
+                {inputVal.length < 1 ? "Search Blog Here" : "No Search Found!"}
               </h1>
               <p>
                 {inputVal.length < 1

diff --git a/src/layouts/partials/Footer.astro b/src/layouts/partials/Footer.astro
@@ -7,13 +7,13 @@ import social from "@/config/social.json";
 const { footer }: { footer: { name: string; url: string }[] } = menu;
 ---
 
-<footer class="bg-theme-light dark:bg-darkmode-theme-light mt-auto">
+<footer class=" mt-auto">
   <div class="container">
     <div class="row items-center py-2">
-      <div class="mb-8 text-center lg:col-3 lg:mb-0 lg:text-left">
+      <div class="mb-2 text-center lg:col-3 lg:mb-0 lg:text-left">
         <Logo />
       </div>
-      <div class="mb-8 text-center lg:col-6 lg:mb-0">
+      <div class="mb-2 text-center lg:col-6 lg:mb-0">
         <ul>
           {
             footer.map((menu) => (
@@ -24,7 +24,7 @@ const { footer }: { footer: { name: string; url: string }[] } = menu;
           }
         </ul>
       </div>
-      <div class="mb-8 text-center lg:col-3 lg:mb-0 lg:mt-0 lg:text-right">
+      <div class="mb-2 text-center lg:col-3 lg:mb-0 lg:mt-0 lg:text-right">
         <Social source={social.main} className="social-icons" />
       </div>
     </div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -36,7 +36,7 @@ const { banner, features }: Homepage = homepage.data;
   <!-- Features -->
   {
     features.map((feature, index: number) => (
-      <section class={`section-sm ${index % 2 === 0 && "bg-gradient"}`}>
+      <section class={`section-sm ${index % 2 === 0 && "bg-gradient"} rounded-lg`}>
         <div class="container">
           <div class="row items-center justify-between">
             <div class={`md:col-7 lg:col-6 ${index % 2 !== 0 && "md:order-1"}`}>

diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
@@ -16,7 +16,7 @@ const projects = await getSinglePage("projects");
       <div class="row justify-center">
         {
           projects.map((project) => (
-            <div class="mb-14 md:col-12 lg:col-12">
+            <div class="mb-8 md:col-12 lg:col-12">
               <ProjectCard data={project} />
             </div>
           ))

diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -3,7 +3,7 @@ html {
 }
 
 body {
-  @apply bg-body font-primary font-normal leading-relaxed text-text dark:bg-darkmode-body dark:text-darkmode-text flex flex-col min-h-screen;
+  @apply bg-body font-primary font-normal leading-relaxed text-text dark:bg-darkmode-body dark:text-darkmode-text flex flex-col min-h-screen sm:mx-0 lg:mx-8;
 }
 
 h1,

diff --git a/src/styles/navigation.scss b/src/styles/navigation.scss
@@ -55,7 +55,7 @@ input#nav-toggle:checked ~ #nav-menu {
   @apply block py-1 font-semibold text-dark transition hover:text-primary dark:text-darkmode-text dark:hover:text-darkmode-primary;
 }
 
-//theme-switcher
+// theme-switcher
 .theme-switcher {
   @apply inline-flex;