zzh/2fa-tool
1
0
Fork 0
mirror of https://github.com/handsomezhuzhu/2fa-tool.git synced 2026-02-20 19:50:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: update layout with narrower max-width and more padding

Browse Source 
Adjust main container for a centered and focused layout

Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>
This commit is contained in:
v0
2026-01-15 17:17:02 +00:00
parent 3fa7e207d7
commit 16d51ea92c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/page.tsx
View File

@@ -500,7 +500,7 @@ export default function TwoFactorAuth() {
<div className="min-h-screen bg-background flex flex-col"> <div className="min-h-screen bg-background flex flex-col">
{/* Header */} {/* Header */}
<header className="border-b bg-card/50 backdrop-blur-sm sticky top-0 z-50"> <header className="border-b bg-card/50 backdrop-blur-sm sticky top-0 z-50">
<div className="container mx-auto px-4 py-4"> <div className="max-w-3xl mx-auto px-6 md:px-8 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="h-10 w-10 rounded-xl bg-primary/10 flex items-center justify-center"> <div className="h-10 w-10 rounded-xl bg-primary/10 flex items-center justify-center">
@@ -614,7 +614,7 @@ export default function TwoFactorAuth() {
</header> </header>
{/* Main Content */} {/* Main Content */}
<main className="flex-1 container mx-auto px-4 py-6"> <main className="flex-1 max-w-3xl mx-auto w-full px-6 md:px-8 py-6">
{/* Timer Progress */} {/* Timer Progress */}
<div className="mb-6"> <div className="mb-6">
<div className="flex items-center justify-between mb-2"> <div className="flex items-center justify-between mb-2">