consistency

ohcnetwork · Oct 12, 2023 · 9e56a31 · 9e56a31
1 parent b9241be
commit 9e56a31
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/Components/Medicine/MedicineAdministrationSheet/AdministrationEventSeperator.tsx b/src/Components/Medicine/MedicineAdministrationSheet/AdministrationEventSeperator.tsx
@@ -4,7 +4,7 @@ export default function AdministrationEventSeperator({ date }: { date: Date }) {
   // Show date if it's 00:00
   if (date.getHours() === 0) {
     return (
-      <div className="mx-auto flex h-[58px] w-10 flex-col items-center justify-center bg-gray-300 text-center text-xs font-bold text-gray-600 transition-all duration-200 ease-in-out group-hover:bg-primary-500 group-hover:text-white">
+      <div className="mx-auto flex h-[58px] w-10 flex-col items-center justify-center bg-gray-50 text-center text-xs font-bold text-gray-600 transition-all duration-200 ease-in-out group-hover:bg-primary-500 group-hover:text-white">
         <span className="-rotate-90 uppercase duration-500 ease-in-out">
           <p> {formatDateTime(date, "DD/MM")}</p>
         </span>

diff --git a/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTable.tsx b/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTable.tsx
@@ -20,10 +20,10 @@ export default function MedicineAdministrationTable({
   const { t } = useTranslation();
 
   return (
-    <table className="w-full whitespace-nowrap rounded">
-      <thead className="sticky top-0 z-20 bg-white text-xs font-medium text-black">
+    <table className="w-full whitespace-nowrap">
+      <thead className="sticky top-0 z-20 bg-gray-50 text-xs font-medium text-black">
         <tr>
-          <th className="sticky left-0 z-20 bg-white py-3 pl-4 text-left">
+          <th className="sticky left-0 z-20 bg-gray-50 py-3 pl-4 text-left">
             <div className="flex justify-between gap-2">
               <span className="text-sm">{t("medicine")}</span>
               <span className="hidden px-2 text-center text-xs leading-none lg:block">

diff --git a/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTableRow.tsx b/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTableRow.tsx
@@ -54,7 +54,7 @@ export default function MedicineAdministrationTableRow({
     <tr
       className={classNames(
         "group transition-all duration-200 ease-in-out",
-        loading ? "bg-gray-300" : "bg-gray-100 hover:bg-primary-100"
+        loading ? "bg-gray-300" : "bg-white hover:bg-primary-100"
       )}
     >
       {showDiscontinue && (
@@ -162,7 +162,7 @@ export default function MedicineAdministrationTableRow({
         </DialogModal>
       )}
       <td
-        className="sticky left-0 z-10 cursor-pointer bg-gray-100 py-3 pl-4 text-left transition-all duration-200 ease-in-out group-hover:bg-primary-100"
+        className="bg-gray-white sticky left-0 z-10 cursor-pointer py-3 pl-4 text-left transition-all duration-200 ease-in-out group-hover:bg-primary-100"
         onClick={() => setShowDetails(true)}
       >
         <div className="flex flex-col gap-1 lg:flex-row lg:justify-between lg:gap-2">

diff --git a/src/Components/Medicine/MedicineAdministrationSheet/index.tsx b/src/Components/Medicine/MedicineAdministrationSheet/index.tsx
@@ -107,7 +107,7 @@ const MedicineAdministrationSheet = ({ readonly, is_prn }: Props) => {
       />
 
       <div
-        className="relative max-h-[80vh] overflow-auto rounded border border-gray-400/50 md:max-h-[90vh]"
+        className="relative max-h-[80vh] overflow-auto rounded-lg border border-black/10 shadow md:max-h-[90vh]"
         ref={ref}
       >
         {prescriptions?.length === 0 && <NoPrescriptions prn={is_prn} />}