fix: last changes

flornkm · Nov 24, 2023 · d6e6de1 · d6e6de1 · vercel · Nov 24, 2023
1 parent 0ed980d
commit d6e6de1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/interface/components/Button.tsx b/interface/components/Button.tsx
@@ -63,7 +63,7 @@ export function ButtonWrapper(props: {
 export function InlineLink(props: {
   link: string | undefined
   children: string | JSX.Element | undefined
-  class: string
+  class?: string
 }) {
   return (
     <a

diff --git a/interface/sections/Contact.tsx b/interface/sections/Contact.tsx
@@ -116,7 +116,7 @@ export default function Contact() {
           </Button>
         </div>
       </div>
-      <div class="mx-auto bg-zinc-100 flex flex-col justify-end w-full h-[652px] rounded-b-[32px] rounded-t-2xl dark:bg-zinc-950">
+      <div class="mx-auto bg-zinc-100 border border-zinc-200 flex flex-col justify-end w-full h-[652px] rounded-b-[32px] rounded-t-2xl dark:bg-zinc-950 dark:border-zinc-900">
         <div class="h-full w-full xs:p-8 p-4 flex flex-col gap-3 overflow-y-scroll custom-scrollbar relative">
           {messages.map((message) => (
             <ChatBubble position={message.position} date={message.time}>
@@ -190,7 +190,7 @@ export default function Contact() {
               ref={chatInput}
               type="text"
               placeholder={m.message_placeholder()}
-              class="w-full placeholder:text-zinc-400 disabled:opacity-30 disabled:cursor-not-allowed outline-0 outline-zinc-500/0 transition-all focus:outline-4 focus:outline-zinc-500/10 focus:border-zinc-300 outline-offset-1 px-6 py-3 rounded-full bg-white border border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 dark:placeholder:text-zinc-500 dark:focus:border-zinc-700 dark:focus:outline-none"
+              class="w-full placeholder:text-zinc-400 relative top-[1px] disabled:opacity-30 disabled:cursor-not-allowed outline-0 outline-zinc-500/0 transition-all focus:outline-4 focus:outline-zinc-500/10 focus:border-zinc-300 outline-offset-1 px-6 py-3 rounded-full bg-white border border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 dark:placeholder:text-zinc-500 dark:focus:border-zinc-700 dark:focus:outline-none"
             />
             <Button
               function={() => {

diff --git a/pages/about/+Page.tsx b/pages/about/+Page.tsx
@@ -348,7 +348,7 @@ export default function Page() {
             <h3 class="text-lg font-semibold mb-4">{m.about_music_title()}</h3>
             <div class="grid grid-cols-1 lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-2 w-full gap-8">
               <div>
-                <div class="md:h-64 h-80 md:pt-20 hover:pt-0 md:px-8 px-4 md:hover:h-64 lg:hover:h-80 overflow-hidden bg-zinc-100 mb-2 transition-all hover:bg-zinc-200 group flex items-center justify-center flex-col gap-4 lg:gap-8 dark:bg-zinc-950 dark:hover:bg-zinc-900">
+                <div class="md:h-64 h-80 md:pt-20 hover:pt-0 md:px-8 px-4 md:hover:h-64 lg:hover:h-80 overflow-hidden bg-zinc-100 mb-2 transition-all hover:lg:bg-zinc-200 group flex items-center justify-center gap-16 flex-col lg:gap-8 dark:bg-zinc-950 dark:lg:hover:bg-zinc-900">
                   <img
                     alt="Enjoy the Silence by Depeche Mode"
                     src="/images/music-covers/enjoy_silence.jpg"
@@ -373,7 +373,7 @@ export default function Page() {
                 </a>
               </div>
               <div>
-                <div class="md:h-64 h-80 md:pt-20 hover:pt-0 md:px-8 px-4 md:hover:h-64 lg:hover:h-80 overflow-hidden bg-zinc-100 mb-2 transition-all hover:bg-zinc-200 group flex items-center justify-center flex-col gap-4 lg:gap-8 dark:bg-zinc-950 dark:hover:bg-zinc-900">
+                <div class="md:h-64 h-80 md:pt-20 hover:pt-0 md:px-8 px-4 md:hover:h-64 lg:hover:h-80 overflow-hidden bg-zinc-100 mb-2 transition-all hover:lg:bg-zinc-200 group flex items-center justify-center gap-16 flex-col lg:gap-8 dark:bg-zinc-950 dark:lg:hover:bg-zinc-900">
                   <img
                     alt="Serotonin Moonbeams by The Blessed Madonna"
                     src="/images/music-covers/serotonin_moonbeams.jpg"