zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine UI/UX across multiple components and pages

Browse Source 
This commit focuses on refining UI/UX across various components and pages of the application. Changes include adjusting padding and spacing to enhance the overall readability and user interaction, amending hyperlink styling, modifying dropdown menus for optimized mobile experience, and adjusting key UI elements. Other modifications include revising imports for better maintainability, and adding enhancements to several UI components to improve their visual presentation.
This commit is contained in:
giancarlo
2024-04-10 20:34:43 +08:00
parent 7e3843adbe
commit 59e7eaf1a4
10 changed files with 73 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/features/auth/src/components/auth-layout.tsx
View File

@@ -8,14 +8,14 @@ export function AuthLayoutShell({
<div
className={
'flex h-screen flex-col items-center justify-center' +
' dark:lg:bg-background space-y-8 lg:space-y-12 lg:bg-gray-50' +
' dark:lg:bg-background space-y-10 lg:space-y-12 lg:bg-gray-50' +
' animate-in fade-in slide-in-from-top-8 zoom-in-95 duration-1000'
}
>
{Logo && <Logo />}
<div
className={`bg-background dark:border-border flex w-full max-w-sm flex-col items-center space-y-5 rounded-lg border-transparent md:w-8/12 md:border md:px-8 md:py-6 md:shadow lg:w-5/12 lg:px-6 xl:w-4/12 xl:py-8 2xl:w-3/12`}
className={`bg-background dark:border-border flex w-full max-w-sm flex-col items-center space-y-5 rounded-lg border-transparent px-6 md:w-8/12 md:border md:px-8 md:py-6 md:shadow lg:w-5/12 lg:px-6 xl:w-4/12 xl:py-8 2xl:w-3/12`}
>
{children}
</div>