responsive setting signture , ...

This commit is contained in:
hamid zarghami
2025-06-26 09:06:36 +03:30
parent d0ddc1b87a
commit 5af36bd77b
9 changed files with 9 additions and 9 deletions
+1 -1
View File
@@ -160,7 +160,7 @@ const Table = <T extends RowDataType>({
<div className={`relative mt-6 md:mt-9 w-full ${className}`}>
{(actionsPosition === 'top' || actionsPosition === 'above-header') && renderActions()}
<div className={`overflow-x-auto overflow-hidden ${showHeader && actionsPosition !== 'header-replace' ? 'rounded-2xl md:rounded-3xl' : 'rounded-b-2xl md:rounded-b-3xl'} bg-white shadow-sm`}>
<div className={`overflow-x-auto overflow-hidden ${showHeader && actionsPosition !== 'header-replace' ? 'rounded-2xl md:rounded-3xl' : 'rounded-b-2xl md:rounded-b-3xl'} bg-white`}>
<table className="w-full text-sm border-collapse min-w-[600px]">
{renderHeader()}
{actionsPosition === 'header-replace' && (
+1 -1
View File
@@ -24,7 +24,7 @@ const NewMessage: FC = () => {
<div className='fixed left-2 right-2 bottom-2 md:left-4 md:right-4 md:bottom-4 xl:left-8 xl:right-auto xl:bottom-4 bg-white rounded-2xl md:rounded-3xl shadow-[0_0_20px_rgba(0,0,0,0.1)] z-[9999] transition-all duration-300 p-4 md:p-6 xl:p-8 w-auto xl:w-[800px] max-h-[90vh] overflow-y-auto'>
{/* Header */}
<div className='flex justify-between items-center mb-6 md:mb-8'>
<div className='text-lg md:text-xl xl:text-2xl font-semibold'>
<div className='text-lg'>
{t('new_message.title')}
</div>
<div onClick={() => setOpenNewMessage(false)} className='cursor-pointer p-1'>
+1 -1
View File
@@ -100,7 +100,7 @@ const List: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className="text-lg md:text-xl xl:text-2xl font-bold mb-4 md:mb-0">{t('trash.title')}</h1>
<h1 className="text-lg mb-4 md:mb-0">{t('trash.title')}</h1>
<Filters
fields={[
+1 -1
View File
@@ -100,7 +100,7 @@ const List: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className="text-lg md:text-xl xl:text-2xl font-bold mb-4 md:mb-0">{t('archive.title')}</h1>
<h1 className="text-lg mb-4 md:mb-0">{t('archive.title')}</h1>
<Filters
fields={[
+1 -1
View File
@@ -100,7 +100,7 @@ const List: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className="text-lg md:text-xl xl:text-2xl font-bold mb-4 md:mb-0">{t('draft.title')}</h1>
<h1 className="text-lg mb-4 md:mb-0">{t('draft.title')}</h1>
<Filters
fields={[
+1 -1
View File
@@ -111,7 +111,7 @@ const List: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className="text-lg md:text-xl xl:text-2xl font-bold mb-4 md:mb-0">{t('received.title')}</h1>
<h1 className="text-lg mb-4 md:mb-0">{t('received.title')}</h1>
<Filters
fields={[
+1 -1
View File
@@ -64,7 +64,7 @@ const List: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className="text-lg md:text-xl xl:text-2xl font-bold mb-4 md:mb-0">{t('sent.title')}</h1>
<h1 className="text-lg mb-4 md:mb-0">{t('sent.title')}</h1>
<Filters
fields={[
+1 -1
View File
@@ -42,7 +42,7 @@ const Setting: FC = () => {
return (
<div className='mt-2 md:mt-4 px-2 md:px-0'>
<h1 className='text-lg md:text-xl xl:text-2xl font-bold text-right mb-4 md:mb-0'>{t('setting.title')}</h1>
<h1 className='text-lg mb-4 md:mb-0'>{t('setting.title')}</h1>
<div className='mt-4 md:mt-7'>
<Tabs
+1 -1
View File
@@ -9,7 +9,7 @@ const Signture: FC = () => {
return (
<div className='bg-white rounded-4xl p-8 mt-9'>
<div className='mt-9'>
<div className='flex xl:flex-row gap-4 flex-col justify-between xl:items-end pb-10'>
<div className='flex xl:flex-row gap-4 flex-col justify-between pb-10'>
<div className='flex-1'>
<div className='xl:text-lg'>
{t('setting.signature')}