.

beamcode · Jan 4, 2023 · 5c2af8e · 5c2af8e
1 parent cff0b21
commit 5c2af8e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Links.js b/src/components/Links.js
@@ -2,9 +2,9 @@ import React from 'react'
 
 export default function CoolLinks() {
     return (
-        <div className='flex flex-col shadow-md h-[270px] w-full items-center bg-[white] dark:bg-[#181A1B] rounded-md'>
-            <h1 className="p-2 py-1.5 text-md bg-[#e3e3e3] dark:bg-[#322b2b] dark:text-white font-bold w-full rounded-t-md text-center">Links</h1>
-            <div className="flex p-5 flex-col grow rounded-md w-full">
+        <div className='flex flex-col shadow-md h-[270px] w-full items-center bg-[white] dark:bg-[#181A1B] rounded-xl'>
+            <h1 className="p-2 pt-2.5 text-md dark:text-white font-bold w-full text-center">Links</h1>
+            <div className="flex p-5 pt-2 gap-1.5 flex-col grow rounded-md w-full">
                 <a className="text-gray-500 hover:text-[orange] dark:hover:text-[orange] underline" target="_blank" href="https://www.youtube.com/watch?v=FNoVD-ljVBM">Tokyo in 1993</a>
                 <a className="text-gray-500 hover:text-[orange] dark:hover:text-[orange] dark:hover:text-[orange] underline" target="_blank" href="https://ia802802.us.archive.org/29/items/THE48LAWSOFPOWER_201810/THE%2048%20LAWS%20OF%20POWER.pdf">48 laws of power book</a>
                 <a className="text-gray-500 hover:text-[orange] dark:hover:text-[orange] dark:hover:text-[orange] underline" target="_blank" href="https://www.youtube.com/watch?v=01ZCnCXpG4A">Importance of consistency</a>

diff --git a/src/components/RandomQuotes.js b/src/components/RandomQuotes.js
@@ -38,9 +38,9 @@ export default function RandomQuotes() {
     }
 
     return (
-        <div className='relative flex flex-col h-[300px] lg:h-[400px] w-full max-h-[400px] shadow-md bg-[white] dark:bg-[#181A1B] rounded-md overflow-hidden'>
-            <h1 className="p-2 py-1.5 text-md bg-[#e3e3e3] dark:bg-[#322b2b] dark:text-white font-bold w-full rounded-t-md text-center">Quotes</h1>
-            <div className="grow overflow-y-scroll p-6 pt-4 relative items-center justify-center">
+        <div className='relative flex flex-col h-[300px] w-full max-h-[400px] shadow-md bg-[white] dark:bg-[#181A1B] rounded-xl overflow-hidden'>
+            <h1 className="p-2 pt-2.5 text-md dark:text-white font-bold w-full text-center">Quotes</h1>
+            <div className="grow overflow-y-scroll p-6 pt-0 relative items-center justify-center">
                 <div className='flex flex-col gap-4 mb-[50px]'>
                     <q className="italic text-gray-600 dark:text-gray-400">{quotes[counter].quote}</q>
                     <h1 className='dark:text-gray-200'>- {quotes[counter].author}</h1>

diff --git a/src/components/Terminal.js b/src/components/Terminal.js
@@ -52,7 +52,7 @@ export default function MacTerminal() {
                 />
             </div> */}
             {show &&
-                <div className={`flex flex-col w-full min-h-[256px] ${extend && 'h-full'} lg:max-w-[282px] rounded-lg`}>
+                <div className={`flex flex-col w-full min-h-[256px] ${extend && 'h-full'} rounded-lg`}>
                     <div className="flex items-center h-fit px-[6px] py-[2px] rounded-t-lg bg-gray-100 dark:bg-[#322b2b] border-b border-gray-500 text-center text-black">
                         <div className='flex gap-[6px] group'>
                             <button onClick={() => setShow(val => !val)} className="relative flex border-red-900 bg-red-500 shadow-inner rounded-full w-[10px] h-[10px] justify-center items-center">

diff --git a/src/pages/Home.page.js b/src/pages/Home.page.js
@@ -24,9 +24,9 @@ export default function HomePage() {
     }
 
     return (
-        <div className="max-w-[1000px] flex flex-col w-full overflow-hidden lg:flex-row gap-4 pt-[15px] lg:pt-[40px]">
+        <div className="max-w-[1000px] flex flex-col w-full overflow-hidden lg:flex-row gap-4 pt-[15px] lg:pt-[40px] mx-4 lg:mx-0">
 
-            <div className='flex flex-col gap-4 min-h-[100px] rounded-xl shadow-md mx-4 md:mx-0'>
+            <div className='flex flex-col gap-4 min-h-[100px] rounded-xl shadow-md'>
                 <div className='rounded-xl relative flex flex-col bg-white dark:bg-[#181A1B] shadow-xl'>
 
                     <div className="flex flex-col md:flex-row gap-6 p-4 z-20">
@@ -81,13 +81,13 @@ export default function HomePage() {
                 </div>
             </div>
 
-            {/* <div className='flex flex-col gap-4 lg:gap-5 lg:w-[400px]'>
+            <div className='flex flex-col gap-4 lg:max-w-[300px] lg:min-w-[300px]'>
                 <RandomQuotes />
-                <MacTerminal />
-                <SpotifyWidget />
-                <CommentsSection />
                 <UsefullLinks />
-            </div> */}
+                <MacTerminal />
+                {/* <CommentsSection /> */}
+            </div>
         </div >
     )
 }
+//<SpotifyWidget />