chore: minor fixes

flornkm · Apr 14, 2024 · dd54d13 · dd54d13
1 parent 722c841
commit dd54d13
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/interface/components/Navigation.tsx b/interface/components/Navigation.tsx
@@ -162,7 +162,7 @@ export default function Navigation() {
                 left: selectorPosition.x,
                 width: selectorPosition.width,
               }}
-              class="md:h-9 h-12 md:translate-x-0 lg:-translate-x-0 lg:px-0 xs:translate-x-[5%] -translate-x-0.5 flex-shrink-0 absolute md:bg-neutral-100 bg-black opacity-0 rounded-full md:rounded-md dark:bg-white dark:md:bg-neutral-900"
+              class="md:h-9 h-12 md:-translate-x-[50%] lg:-translate-x-0 lg:px-0 xs:translate-x-[5%] -translate-x-0.5 flex-shrink-0 absolute md:bg-neutral-100 bg-black opacity-0 rounded-full md:rounded-md dark:bg-white dark:md:bg-neutral-900"
             />
           )}
       </div>

diff --git a/pages/about/+Page.tsx b/pages/about/+Page.tsx
@@ -128,13 +128,15 @@ export default function Page() {
           </h1>
         </div>
         <div class="w-full lg:mx-auto">
-          <div class="w-full h-40 lg:h-48 rounded-2xl bg-neutral-100 max-w-xl relative bg-[url('/images/photos/netherlands.jpg')] bg-cover bg-center mx-auto lg:ml-0">
-            <div class="w-full max-w-nav mx-auto left-1/2 -translate-x-1/2 absolute -bottom-12">
-              <img
-                src="/images/avatars/florian_student.webp"
-                class="aspect-square rounded-full w-24 border-4 border-light-neutral dark:border-black"
-                alt="Florian as a student"
-              />
+          <div class="w-full h-40 lg:h-48 relative">
+            <div class="rounded-2xl absolute left-1/2 w-full max-w-xl inset-0 -translate-x-1/2 bg-neutral-100 max-w-xl bg-[url('/images/photos/netherlands.jpg')] bg-cover bg-center mx-auto lg:ml-0">
+              <div class="w-full max-w-nav mx-auto left-1/2 -translate-x-1/2 absolute -bottom-12">
+                <img
+                  src="/images/avatars/florian_student.webp"
+                  class="aspect-square rounded-full w-24 border-4 border-light-neutral dark:border-black"
+                  alt="Florian as a student"
+                />
+              </div>
             </div>
           </div>
         </div>