danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix design bug in mobile

Browse Source
This commit is contained in:
hamid zarghami
2025-12-01 09:03:17 +03:30
parent 56e79d0a08
commit 31e826f2fb
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ServiceItem.tsx
+5 -5
View File
@@ -93,10 +93,10 @@ const ServiceItem: FC<Props> = (props: Props) => {
} }
<div className='mt-4 flex-1 flex gap-2 items-end'> <div className='mt-4 flex-1 flex sm:flex-row flex-col gap-2 items-end'>
<Link target={props.isLinkPanel && !props.isDisabled ? '_blank' : ''} to={props.isDisabled ? '#' : props.isLinkPanel ? item.link : Pages.services.detail + item.slug}> <Link className='sm:w-fit w-full' target={props.isLinkPanel && !props.isDisabled ? '_blank' : ''} to={props.isDisabled ? '#' : props.isLinkPanel ? item.link : Pages.services.detail + item.slug}>
<Button <Button
className='h-8 w-fit px-2 text-xs text-black bg-description bg-opacity-20 rounded-xl' className='h-8 sm:w-fit w-full px-2 text-xs text-black bg-description bg-opacity-20 rounded-xl'
> >
<div className='flex gap-2 whitespace-nowrap'> <div className='flex gap-2 whitespace-nowrap'>
{ {
@@ -112,9 +112,9 @@ const ServiceItem: FC<Props> = (props: Props) => {
{ {
props.subscriptionId && props.subscriptionId &&
<Link to={Pages.services.detail + item.slug + '?id=' + props.subscriptionId}> <Link className='sm:w-fit w-full' to={Pages.services.detail + item.slug + '?id=' + props.subscriptionId}>
<Button <Button
className='h-8 w-fit px-2 text-xs text-black bg-description bg-opacity-20 rounded-xl' className='h-8 sm:w-fit px-2 text-xs text-black bg-description bg-opacity-20 rounded-xl'
> >
<div className='flex gap-2 whitespace-nowrap'> <div className='flex gap-2 whitespace-nowrap'>
{t('service.extend')} {t('service.extend')}