too much time on responsive, on to hooking up cms

This commit is contained in:
Jason Jordan
2025-08-04 14:16:42 -04:00
parent 0e44bd53e6
commit 181be7e16c
12 changed files with 109 additions and 88 deletions
+2 -2
View File
@@ -1,5 +1,5 @@
import LandingPage from '../../components/LandingPage';
import InlineLink from "../../components/InlineLink";
import LandingPage from '../../../components/LandingPage';
import InlineLink from "../../../components/InlineLink";
// import TextImage50 from "../../components/TextImage50-50";
export default function Members() {
+2 -2
View File
@@ -21,7 +21,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
<Script src={`https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_PLACES_API_KEY}&libraries=places`} strategy="beforeInteractive" />
<div className="absolute bottom-0 right-0 flex flex-col justify-end items-end w-full h-full">
<div className="w-full -mb-[2px] flex justify-start">
<div className="w-23/24 h-20 border-b-2 border-copper z-2" />
<div className="w-[87vw] sm:w-[91vw] md:w-[93vw] lg:w-[94.5vw] xl:w-[95.5vw] h-20 border-b-2 border-copper z-2" />
</div>
<div className="w-[60px] h-full flex justify-start">
<div className="w-[32.5px] flex flex-col">
@@ -37,7 +37,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
bgColor="bg-atmosphere"
navItems={pageNavItems}
/>
<div className="w-full min-w-[89vw] max-w-[95vw] flex flex-col items-end">
<div className="w-full min-w-[87vw] max-w-[94vw] lg:min-w-[89vw] lg:max-w-[95vw] flex flex-col items-end">
<div className="w-[90.15vw] h-20 flex justify-between items-center">
<div className={classnames('flex items-center')}>
<div className="-ml-8.5 z-2">
-44
View File
@@ -51,29 +51,6 @@ export default function Member() {
</div>
</div>
<div className="w-full h-full flex justify-start">
{/* <div className="relative w-31 h-full flex flex-col text-deepcove text-center bg-atmosphere divide-y divide-bluetang">
<a href="#" className="w-full h-20 flex justify-center items-center bg-bluetang text-platinum">
Dashboard
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
My Plan & Benefits
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
Plan Utilization
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
Claims & Authorizations
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
Providers & Services
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum">
Insurance Card
</a>
<a href="#" className="w-full h-20 flex justify-center items-center hover:text-platinum border-b border-bluetang">
Benefits Documents
</a>
</div> */}
<SideNav
maxWidth="max-w-31"
bgColor="bg-atmosphere"
@@ -280,27 +257,6 @@ export default function Member() {
</div>
</div>
</div>
{/* <div className="flex space-x-4">
<div className="flex flex-col justify-center items-center text-xl border border-6 border-bluetang rounded-4xl">
<div className="flex justify-between items-end px-4">
<p className={classnames("pb-18 text-[#32CD32] font-semibold", font.className)}>Paid</p>
<div className="flex flex-col items-center">
<DashboardPieChart paid={758.72} remaining={741.28} />
<p className="text-2xl">Deductable Progress</p>
</div>
<p className={classnames("pb-18 font-semibold", font.className)}>Remaining</p>
</div>
</div>
<div className="flex flex-col justify-center items-center px-4 py-3 text-xl border border-6 border-copper rounded-4xl">
<div className="text-deepcove -mb-11 z-3 font-semibold">My Card</div>
<FaRegIdCard size={150} className="text-bronze" />
<div className={classnames("w-full flex justify-evenly items-center space-x-1", font.className)}>
<div className="hover:text-bronze">View</div>
<p>|</p>
<div className="hover:text-bronze">Download</div>
</div>
</div>
</div> */}
</div>
<div className="w-2/5 flex flex-col justify-start items-center px-4 py-3 text-xl border border-6 border-platinum rounded-4xl">
<p className="text-3xl underline py-2">Benefits At A Glance</p>
+2 -2
View File
@@ -14,9 +14,9 @@ export default function Member() {
userDisplayName="Robert La'Blah"
/>
<div className="flex w-full pr-23">
<div className={classnames("w-full flex flex-col xl:flex-row justify-stretch pt-4 z-2 space-x-4 space-y-4 xl:space-y-0")}>
<div className={classnames("w-full flex flex-col xl:flex-row pt-4 z-2 space-x-4 space-y-4 xl:space-y-0")}>
<div className="flex flex-col space-y-4">
<div className="flex space-x-4">
<div className="flex flex-col w-full h-full xl:h-auto lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4">
<DeductableProgressWidget />
<InsuranceCardWidget />
</div>