Tiny fixes in small screens

IMXNOOBX · Apr 3, 2024 · f30bdc0 · f30bdc0
1 parent 0838536
commit f30bdc0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/app/components/navbar/index.tsx b/app/components/navbar/index.tsx
@@ -35,6 +35,8 @@ export default function Navbar() {
         const state = localStorage.getItem('nav')
         if (state != undefined)
             setNavOpen(state == 'true');
+        else
+            setNavOpen(window.innerWidth > 640);
 
         fetch('/api/quote')
             .then(res => res.json())

diff --git a/app/components/utils/Url.tsx b/app/components/utils/Url.tsx
@@ -12,7 +12,7 @@ export default function Url({ url, target, rel, children }: { url: string, targe
                 target={target}
                 rel={rel}
 
-                className={`group/url flex gap-2 justify-center ml-1
+                className={`group/url flex gap-2 justify-center ml-2
                     items-center ${children ? '' : 'bg-indigo-500/50 border border-indigo-500 text-gray-300 hover:bg-indigo-300/50 hover:border-indigo-200 hover:text-white'}  
                     font-semibold px-1 rounded-lg transition duration-300`}
             >

diff --git a/app/main/userinfo/index.tsx b/app/main/userinfo/index.tsx
@@ -63,7 +63,7 @@ export default async function UserCard() {
                     <p className="text-white flex">{"{"}</p>
                     <p className="text-gray-500 flex ml-1 sm:ml-6">username: <span className="text-white ml-1">{userInfo.name}</span></p>
                     <p className="text-gray-500 flex ml-1 sm:ml-6">avatar: <Image className="rounded-lg ml-2 drop-shadow-[#FFF_0px_0px_5px]" width={24} height={24} src={userInfo?.avatar_url} alt="user avatar" /></p>
-                    <p className="text-gray-500 flex ml-1 sm:ml-6">blog: <span className="text-white ml-1 pt-1"><Url url={userInfo.blog} target="_blank" rel="noopener noreferrer"/></span></p>
+                    <p className="text-gray-500 flex items-center ml-1 sm:ml-6">blog: <span className="text-white ml-1 pt-1"><Url url={userInfo.blog} target="_blank" rel="noopener noreferrer"/></span></p>
                     <p className="text-gray-500 flex ml-1 sm:ml-6">company: <span className="text-white ml-1">{userInfo?.company}</span></p>
                     <p className="text-gray-500 flex ml-1 sm:ml-6">bio: <span className="text-white ml-1">{userInfo?.bio}</span></p>
                     <p className="text-gray-500 flex ml-1 sm:ml-6 whitespace-nowrap">public repositories: <span className="text-white ml-1">{userInfo.public_repos}</span></p>