Merge pull request #236 from datagrove/toolTipBugs

Tool Tip Bugs
datagrove · Jan 23, 2024 · 24be940 · 24be940
2 parents 6b95fae + 521b254
commit 24be940
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/users/ClientProfileView.tsx b/src/components/users/ClientProfileView.tsx
@@ -385,7 +385,7 @@ export const ClientProfileView: Component = () => {
           </h1>
         </Show>
       </div>
-      <div class="m-auto md:w-[44rem] ">
+      <div class="m-auto md:max-w-max">
         {/* Left column for md+ View */}
         <div class=" md:drop-shadow-lg border border-border1 dark:border-border1-DM md:mt-4 rounded-md md:h-fit md:px-4 md:pb-4 justify-center">
           <form onSubmit={submit} id="editProfile">
@@ -461,7 +461,7 @@ export const ClientProfileView: Component = () => {
                       <Show when={editMode() === true}>
                         <div class="group flex items-center relative mr-2">
                           <svg
-                            class="peer w-4 h-4 bg-background1 dark:bg-background1-DM fill-background1 border border-inputBorder1 dark:border-inputBorder1-DM rounded-full peer"
+                            class="peer w-4 h-4 bg-background1 dark:bg-background1-DM fill-background1 border border-inputBorder1 dark:border-inputBorder1-DM rounded-full"
                             version="1.1"
                             xmlns="http://www.w3.org/2000/svg"
                             viewBox="0 0 512 512"

diff --git a/src/components/users/ClientRegistration.tsx b/src/components/users/ClientRegistration.tsx
@@ -1,5 +1,5 @@
+import type { Component } from "solid-js";
 import {
-  Component,
   Suspense,
   createEffect,
   createResource,

diff --git a/src/lib/Auth.tsx b/src/lib/Auth.tsx
@@ -223,7 +223,7 @@ export const Auth: Component = (props) => {
 
                   <span
                     class="peer-hover:visible transition-opacity bg-background2 dark:bg-background2-DM text-sm text-ptext2 dark:text-ptext2-DM rounded-md absolute 
-                                md:translate-x-1/4 -translate-x-full -translate-y-2/3 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
+                                md:translate-x-52 -translate-x-0 -translate-y-0 md:translate-y-0 invisible m-4 mx-auto p-2 w-48 z-10"
                   >
                     {t("toolTips.firstName")}
                   </span>
@@ -269,7 +269,7 @@ export const Auth: Component = (props) => {
 
                   <span
                     class="peer-hover:visible transition-opacity bg-background2 dark:bg-background2-DM text-sm text-ptext2 dark:text-ptext2-DM rounded-md absolute 
-                                md:translate-x-1/4 -translate-x-full -translate-y-2/3 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
+                                md:translate-x-52 -translate-x-0 translate-y-0 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
                   >
                     {t("toolTips.lastName")}
                   </span>