fix: layout

raexera · Sep 11, 2024 · 3ca14ad · 3ca14ad
1 parent a25ac7a
commit 3ca14ad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/sections/Experience.astro b/src/components/sections/Experience.astro
@@ -1,7 +1,7 @@
 ---
+import ExpandButton from "../ExpandButton";
 import Section from "../Section.astro";
 import { work } from "@cv";
-import ExpandButton from "../ExpandButton";
 ---
 
 <Section className={Astro.props.className} title="Experience">
@@ -25,13 +25,14 @@ import ExpandButton from "../ExpandButton";
           return (
             <li class="relative">
               <div class="group grid pb-1 transition-all sm:grid-cols-12 sm:gap-8">
-                <header class="mt-1 text-xs font-bold text-black/50 sm:col-span-2 dark:text-white/50">
+                <header class="mt-1 text-xs font-bold text-black/50 dark:text-white/50 sm:col-span-2">
                   <time datetime={startDate}>{startYear}</time>
                   <span class="mx-1">-</span>
                   <time datetime={endDate}>{endYear}</time>
                 </header>
-                <div class="relative flex flex-col pb-6 before:absolute before:-ml-6 before:mt-2 before:h-full before:w-px before:bg-neutral-500 sm:col-span-10">
-                  <div class="absolute mt-2 h-2 w-2 -translate-x-[1.71rem] rounded-full bg-black ring ring-black dark:bg-white dark:ring-white" />
+                <div class="relative flex flex-col pb-4 sm:col-span-10">
+                  <div class="hidden before:absolute before:-ml-6 before:mt-2 before:h-full before:w-px before:bg-black dark:before:bg-white md:block" />
+                  <div class="absolute mt-2 hidden h-2 w-2 -translate-x-[1.71rem] rounded-full bg-black ring ring-black dark:bg-white dark:ring-white md:block" />
                   <h3 class="text-base font-medium leading-snug text-black dark:text-white">
                     <span>
                       {position}

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -14,7 +14,7 @@ import { SITE } from "@/consts";
 <!doctype html>
 <html lang="en">
   <head>
-    <BaseHead title={`${title} | ${SITE.TITLE}`} description={description} />
+    <BaseHead title={`${title} - ${SITE.TITLE}`} description={description} />
   </head>
   <body>
     <Boxes client:load />