anchor styling

src/pages/about.astro

@@ -22,10 +22,10 @@ const { title, description, meta_title, image } = about.data;
           {
             image && (
               <Image
-                class="mx-auto mb-6 rounded-lg"
+                class="mx-auto mb-6 rounded-lg w-64"
                 src={image}
-                width={200}
-                height={200}
+                width={1024}
+                height={1024}
                 alt={title}
                 format="webp"
               />

src/pages/blog/[single].astro

@@ -1,7 +1,7 @@
 ---
 import config from "@/config/config.json";
 import Base from "@/layouts/Base.astro";
-import BlogPostSingle from "@/layouts/BlogPostSingle.astro";
+import BlogSingle from "@/layouts/BlogSingle.astro";
 import { getSinglePage } from "@/lib/contentParser.astro";
 
 export async function getStaticPaths() {
@@ -26,5 +26,5 @@ const { title, meta_title, description, image } = post.data;
   description={description}
   image={image}
 >
-  <BlogPostSingle post={post} />
+  <BlogSingle post={post} />
 </Base>

src/styles/base.scss

@@ -57,3 +57,8 @@ code {
 img {
   @apply mx-auto;
 }
+
+a:hover {
+  @apply scale-105;
+  @apply opacity-60;
+}

src/styles/navigation.scss

@@ -60,7 +60,7 @@ input#nav-toggle:checked ~ #nav-menu {
   @apply inline-flex;
 
   label {
-    @apply relative inline-block h-4 w-6 cursor-pointer rounded-2xl bg-border lg:w-10;
+    @apply relative inline-block h-4 w-6 cursor-pointer rounded-2xl bg-border;
   }
 
   input {
@@ -70,10 +70,4 @@ input#nav-toggle:checked ~ #nav-menu {
   span {
     @apply absolute -top-1 left-0 flex h-6 w-6 items-center justify-center rounded-full bg-dark transition-all duration-300 dark:bg-white;
   }
-
-  input:checked + label {
-    span {
-      @apply lg:left-4;
-    }
-  }
 }