fix: design in view profile and account overview

feat : page add for e mandate otp
This commit is contained in:
2025-12-06 13:54:20 +05:30
parent cf9faf2e82
commit ad758eb14d
25 changed files with 1027 additions and 175 deletions

View File

@@ -303,16 +303,16 @@ export default function RootLayout({ children }: { children: React.ReactNode })
{/* NAVBAR — desktop unchanged, mobile scrollable */}
<Group
style={{
background: "#d3f3bcff",
background: "#c8eeacff",
boxShadow: "0 6px 6px rgba(0,0,0,0.06)",
position: "sticky",
top: isMobile ? 60 : 85,
zIndex: 150,
/* MOBILE FIX 👉 make it scrollable */
/* MOBILE FIX make it scrollable */
overflowX: isMobile ? "auto" : "visible",
whiteSpace: isMobile ? "nowrap" : "normal",
padding: isMobile ? "6px 4px" : "0.8rem",
padding: isMobile ? "6px 4px" : "0.05rem",
}}
>
{navItems.map((item) => {
@@ -324,7 +324,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<Group
gap={8}
style={{
padding: isMobile ? "10px 14px" : "12px 24px",
padding: isMobile ? "10px 14px" : "14px 16px",
// borderRadius: isMobile ? 6 : 8,
width: "100%",
transition: "0.2s ease",
@@ -434,7 +434,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<div>
<Text size="sm" fw={500}>The Kangra Central</Text>
<Text size="xs">Co-operative Bank Ltd</Text>
<Text size="sm" fw={500}>Co-operative Bank Ltd</Text>
</div>
</Group>
<Text size="sm" c="dimmed">
@@ -445,18 +445,42 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<Grid.Col span={{ base: 12, md: 4 }}>
<Text size="sm" fw={500} mb="md">Quick Links</Text>
<Stack gap="xs">
<Anchor href="#" size="sm" c="dimmed">About Us</Anchor>
<Anchor href="#" size="sm" c="dimmed">Products & Services</Anchor>
<Anchor href="#" size="sm" c="dimmed">Help & Support</Anchor>
<Anchor
href="https://kccbhp.bank.in/about-us/history-of-kccb/"
size="sm"
c="dimmed"
target="_blank"
rel="noopener noreferrer"
>
About Us
</Anchor>
<Anchor
href="https://kccbhp.bank.in/products/service-products/service-charges/"
size="sm"
c="dimmed"
target="_blank"
rel="noopener noreferrer"
>
Products & Services
</Anchor>
<Anchor
href="/CustomerCare"
size="sm"
c="dimmed"
target="_blank"
rel="noopener noreferrer"
>
Help & Support
</Anchor>
</Stack>
</Grid.Col>
<Grid.Col span={{ base: 12, md: 4 }}>
<Text size="sm" fw={500} mb="md">Contact Us</Text>
<Stack gap="xs">
<Text size="sm" c="dimmed">Phone: +91-1800-1808008</Text>
<Text size="sm" c="dimmed">MonFri 10 AM 4 PM</Text>
<Text size="sm" c="dimmed">Sat 10 AM 2 PM</Text>
<Text size="sm" c="dimmed">Phone: +91-1800-1808008 </Text>
<Text size="sm" c="dimmed">MonSat 10 AM 5 PM</Text>
<Text size="sm" c="dimmed">(The Second and fourth Saturdays are holidays)</Text>
</Stack>
</Grid.Col>