too much time on responsive, on to hooking up cms
This commit is contained in:
@@ -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() {
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user