responsive setting signture , ...
This commit is contained in:
@@ -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' && (
|
||||
|
||||
@@ -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'>
|
||||
|
||||
@@ -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={[
|
||||
|
||||
@@ -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={[
|
||||
|
||||
@@ -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={[
|
||||
|
||||
@@ -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={[
|
||||
|
||||
@@ -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={[
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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')}
|
||||
|
||||
Reference in New Issue
Block a user