game glass
This commit is contained in:
@@ -4,7 +4,7 @@ import { type FC } from 'react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import Seperator from '@/components/utils/Seperator'
|
||||
import Image from 'next/image'
|
||||
import { glassSurfaceCardFlat } from '@/lib/styles/glassSurface'
|
||||
import { glassSurfaceCard } from '@/lib/styles/glassSurface'
|
||||
|
||||
const GamePage: FC = () => {
|
||||
|
||||
@@ -23,7 +23,7 @@ const GamePage: FC = () => {
|
||||
/>
|
||||
</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='font-bold'>My Games</div>
|
||||
<div className='mt-1'>
|
||||
@@ -47,7 +47,7 @@ const GamePage: FC = () => {
|
||||
<div className='mt-8 flex flex-col gap-4'>
|
||||
<div
|
||||
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={() => {
|
||||
const currentPath = window.location.pathname
|
||||
const basePath = currentPath.split('/game')[0]
|
||||
@@ -77,7 +77,7 @@ const GamePage: FC = () => {
|
||||
|
||||
<div
|
||||
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={() => {
|
||||
const currentPath = window.location.pathname
|
||||
const basePath = currentPath.split('/game')[0]
|
||||
@@ -107,7 +107,7 @@ const GamePage: FC = () => {
|
||||
|
||||
<div
|
||||
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={() => {
|
||||
const currentPath = window.location.pathname
|
||||
const basePath = currentPath.split('/game')[0]
|
||||
|
||||
@@ -2,21 +2,11 @@
|
||||
|
||||
import ClientSideWrapper from '@/components/wrapper/ClientSideWrapper';
|
||||
import React from 'react';
|
||||
import { usePathname } from 'next/navigation';
|
||||
import clsx from 'clsx';
|
||||
|
||||
function DialogsLayout({ children }: { children: React.ReactNode }) {
|
||||
const pathname = usePathname();
|
||||
const isCheckoutPage = pathname?.includes('/checkout/');
|
||||
|
||||
return (
|
||||
<ClientSideWrapper>
|
||||
<main className={clsx(
|
||||
'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'
|
||||
)}>
|
||||
<main className='h-full bg-background dark:bg-background w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6'>
|
||||
{children}
|
||||
</main>
|
||||
</ClientSideWrapper>
|
||||
|
||||
Reference in New Issue
Block a user