game glass

This commit is contained in:
hamid zarghami
2026-06-21 15:39:28 +03:30
parent 97b1cddf85
commit ac049ef067
2 changed files with 7 additions and 17 deletions
+5 -5
View File
@@ -4,7 +4,7 @@ import { type FC } from 'react'
import { useRouter } from 'next/navigation' import { useRouter } from 'next/navigation'
import Seperator from '@/components/utils/Seperator' import Seperator from '@/components/utils/Seperator'
import Image from 'next/image' import Image from 'next/image'
import { glassSurfaceCardFlat } from '@/lib/styles/glassSurface' import { glassSurfaceCard } from '@/lib/styles/glassSurface'
const GamePage: FC = () => { const GamePage: FC = () => {
@@ -23,7 +23,7 @@ const GamePage: FC = () => {
/> />
</div> </div>
<div className='mt-11 relative bg-primary text-white dark:bg-primary dark:text-primary-foreground h-[120px] rounded-[10px] p-4'> <div className='mt-11 relative overflow-hidden bg-primary text-white dark:bg-primary dark:text-primary-foreground h-[120px] rounded-[10px] p-4'>
<div className='max-w-[99px]'> <div className='max-w-[99px]'>
<div className='font-bold'>My Games</div> <div className='font-bold'>My Games</div>
<div className='mt-1'> <div className='mt-1'>
@@ -47,7 +47,7 @@ const GamePage: FC = () => {
<div className='mt-8 flex flex-col gap-4'> <div className='mt-8 flex flex-col gap-4'>
<div <div
style={{ direction: 'ltr' }} style={{ direction: 'ltr' }}
className={glassSurfaceCardFlat('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')} className={glassSurfaceCard('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')}
onClick={() => { onClick={() => {
const currentPath = window.location.pathname const currentPath = window.location.pathname
const basePath = currentPath.split('/game')[0] const basePath = currentPath.split('/game')[0]
@@ -77,7 +77,7 @@ const GamePage: FC = () => {
<div <div
style={{ direction: 'ltr' }} style={{ direction: 'ltr' }}
className={glassSurfaceCardFlat('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')} className={glassSurfaceCard('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')}
onClick={() => { onClick={() => {
const currentPath = window.location.pathname const currentPath = window.location.pathname
const basePath = currentPath.split('/game')[0] const basePath = currentPath.split('/game')[0]
@@ -107,7 +107,7 @@ const GamePage: FC = () => {
<div <div
style={{ direction: 'ltr' }} style={{ direction: 'ltr' }}
className={glassSurfaceCardFlat('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')} className={glassSurfaceCard('rounded-[10px] p-2 flex justify-between items-center cursor-pointer')}
onClick={() => { onClick={() => {
const currentPath = window.location.pathname const currentPath = window.location.pathname
const basePath = currentPath.split('/game')[0] const basePath = currentPath.split('/game')[0]
+1 -11
View File
@@ -2,21 +2,11 @@
import ClientSideWrapper from '@/components/wrapper/ClientSideWrapper'; import ClientSideWrapper from '@/components/wrapper/ClientSideWrapper';
import React from 'react'; import React from 'react';
import { usePathname } from 'next/navigation';
import clsx from 'clsx';
function DialogsLayout({ children }: { children: React.ReactNode }) { function DialogsLayout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
const isCheckoutPage = pathname?.includes('/checkout/');
return ( return (
<ClientSideWrapper> <ClientSideWrapper>
<main className={clsx( <main className='h-full bg-background dark:bg-background w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6'>
'h-full dark:bg-background w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6',
isCheckoutPage
? 'bg-background dark:bg-background'
: 'bg-container lg:bg-background'
)}>
{children} {children}
</main> </main>
</ClientSideWrapper> </ClientSideWrapper>