Remove workspace admin shadows
This commit is contained in:
parent
130333c0df
commit
82d5f49261
@ -138,7 +138,7 @@ export default function LayoutAuthenticated({ children, permission }: Props) {
|
|||||||
return (
|
return (
|
||||||
<div className='min-h-screen bg-[#fffdf9] text-[#19192d]'>
|
<div className='min-h-screen bg-[#fffdf9] text-[#19192d]'>
|
||||||
<aside
|
<aside
|
||||||
className={`fixed inset-y-0 left-0 z-40 w-64 border-r border-[#19192d]/10 bg-[#fffdf9] px-3 py-4 shadow-[16px_0_45px_rgba(23,32,27,0.08)] transition-transform duration-300 lg:translate-x-0 ${
|
className={`fixed inset-y-0 left-0 z-40 w-64 border-r border-[#19192d]/10 bg-[#fffdf9] px-3 py-4 transition-transform duration-300 lg:translate-x-0 ${
|
||||||
isAsideOpen ? 'translate-x-0' : '-translate-x-full'
|
isAsideOpen ? 'translate-x-0' : '-translate-x-full'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
@ -186,7 +186,7 @@ export default function LayoutAuthenticated({ children, permission }: Props) {
|
|||||||
href={item.href}
|
href={item.href}
|
||||||
className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-semibold transition ${
|
className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-semibold transition ${
|
||||||
isActive
|
isActive
|
||||||
? 'bg-[#35b7a5] text-white shadow-[0_14px_28px_rgba(36,92,76,0.2)]'
|
? 'bg-[#35b7a5] text-white'
|
||||||
: 'text-[#72798a] hover:bg-[#fbf8f1] hover:text-[#19192d]'
|
: 'text-[#72798a] hover:bg-[#fbf8f1] hover:text-[#19192d]'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
@ -247,7 +247,7 @@ export default function LayoutAuthenticated({ children, permission }: Props) {
|
|||||||
</div>
|
</div>
|
||||||
<Link
|
<Link
|
||||||
href='/'
|
href='/'
|
||||||
className='rounded-full border border-[#19192d]/10 bg-white px-3 py-1.5 text-sm font-semibold text-[#19192d] shadow-sm'
|
className='rounded-full border border-[#19192d]/10 bg-white px-3 py-1.5 text-sm font-semibold text-[#19192d]'
|
||||||
>
|
>
|
||||||
Public site
|
Public site
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@ -37,7 +37,7 @@ function Panel({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`rounded-lg border border-[#19192d]/10 bg-white shadow-[0_18px_60px_rgba(23,32,27,0.07)] ${className}`}
|
className={`rounded-lg border border-[#19192d]/10 bg-white ${className}`}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -55,7 +55,7 @@ function Panel({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`rounded-lg border border-[#19192d]/10 bg-white shadow-[0_18px_60px_rgba(23,32,27,0.07)] ${className}`}
|
className={`rounded-lg border border-[#19192d]/10 bg-white ${className}`}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -68,7 +68,7 @@ function ShellCard({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`rounded-lg border border-[#19192d]/10 bg-white shadow-[0_18px_60px_rgba(23,32,27,0.07)] ${className}`}
|
className={`rounded-lg border border-[#19192d]/10 bg-white ${className}`}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</section>
|
</section>
|
||||||
@ -125,7 +125,7 @@ const Dashboard = () => {
|
|||||||
<SectionMain>
|
<SectionMain>
|
||||||
<div className='mx-auto max-w-7xl'>
|
<div className='mx-auto max-w-7xl'>
|
||||||
<div className='grid gap-4 xl:grid-cols-[1.1fr_0.9fr]'>
|
<div className='grid gap-4 xl:grid-cols-[1.1fr_0.9fr]'>
|
||||||
<div className='rounded-lg bg-[#19192d] p-5 text-white shadow-[0_24px_80px_rgba(23,32,27,0.18)]'>
|
<div className='rounded-lg bg-[#19192d] p-5 text-white'>
|
||||||
<div className='flex items-center gap-3 text-[#b17a1e]'>
|
<div className='flex items-center gap-3 text-[#b17a1e]'>
|
||||||
<BaseIcon path={mdiViewDashboardOutline} size={18} />
|
<BaseIcon path={mdiViewDashboardOutline} size={18} />
|
||||||
<span className='text-xs font-semibold uppercase tracking-[0.22em]'>
|
<span className='text-xs font-semibold uppercase tracking-[0.22em]'>
|
||||||
@ -192,7 +192,7 @@ const Dashboard = () => {
|
|||||||
<div className='mt-4 grid gap-4 md:grid-cols-2 xl:grid-cols-4'>
|
<div className='mt-4 grid gap-4 md:grid-cols-2 xl:grid-cols-4'>
|
||||||
{stats.map((stat) => (
|
{stats.map((stat) => (
|
||||||
<Link key={stat.label} href={stat.href}>
|
<Link key={stat.label} href={stat.href}>
|
||||||
<ShellCard className='h-full p-5 transition hover:-translate-y-0.5 hover:shadow-[0_22px_60px_rgba(23,32,27,0.1)]'>
|
<ShellCard className='h-full p-5 transition'>
|
||||||
<div className='flex items-start justify-between gap-4'>
|
<div className='flex items-start justify-between gap-4'>
|
||||||
<div>
|
<div>
|
||||||
<p className='text-sm font-semibold text-[#72798a]'>
|
<p className='text-sm font-semibold text-[#72798a]'>
|
||||||
|
|||||||
@ -39,7 +39,7 @@ function Panel({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`rounded-lg border border-[#19192d]/10 bg-white shadow-[0_18px_60px_rgba(23,32,27,0.07)] ${className}`}
|
className={`rounded-lg border border-[#19192d]/10 bg-white ${className}`}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user