From 5a5c713a7646337be69a020062fa3bf38bea507d Mon Sep 17 00:00:00 2001
From: zholadev <zholadev.io@gmail.com>
Date: Thu, 31 Oct 2024 15:23:19 +0500
Subject: [PATCH] fix: ui for russian lang

---
 .../src/features/app/blocks/trash/BaseTrashPage.tsx    |  2 +-
 .../src/features/app/blocks/trash/SpaceTrashPage.tsx   |  1 -
 .../src/features/app/blocks/view/list/ViewListItem.tsx |  2 +-
 .../features/app/components/setting/SettingDialog.tsx  | 10 +++++-----
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/apps/nextjs-app/src/features/app/blocks/trash/BaseTrashPage.tsx b/apps/nextjs-app/src/features/app/blocks/trash/BaseTrashPage.tsx
index 184d76df80..f73c3deac4 100644
--- a/apps/nextjs-app/src/features/app/blocks/trash/BaseTrashPage.tsx
+++ b/apps/nextjs-app/src/features/app/blocks/trash/BaseTrashPage.tsx
@@ -116,7 +116,7 @@ export const BaseTrashPage = () => {
       tableColumns.push({
         accessorKey: 'id',
         header: t('actions.title'),
-        size: 80,
+        size: 140,
         cell: ({ row }) => {
           const trashId = row.getValue<string>('id');
           return (
diff --git a/apps/nextjs-app/src/features/app/blocks/trash/SpaceTrashPage.tsx b/apps/nextjs-app/src/features/app/blocks/trash/SpaceTrashPage.tsx
index 29699c858c..3420cf6d4e 100644
--- a/apps/nextjs-app/src/features/app/blocks/trash/SpaceTrashPage.tsx
+++ b/apps/nextjs-app/src/features/app/blocks/trash/SpaceTrashPage.tsx
@@ -246,7 +246,6 @@ export const SpaceTrashPage = () => {
               key={value}
               variant={resourceType === value ? 'default' : 'ghost'}
               size="sm"
-              className="w-16"
               onClick={() =>
                 handleResourceTypeChange(value as ResourceType.Space | ResourceType.Base)
               }
diff --git a/apps/nextjs-app/src/features/app/blocks/view/list/ViewListItem.tsx b/apps/nextjs-app/src/features/app/blocks/view/list/ViewListItem.tsx
index 757b1326ce..77b2fdced5 100644
--- a/apps/nextjs-app/src/features/app/blocks/view/list/ViewListItem.tsx
+++ b/apps/nextjs-app/src/features/app/blocks/view/list/ViewListItem.tsx
@@ -152,7 +152,7 @@ export const ViewListItem: React.FC<IProps> = ({ view, removable, isActive }) =>
                 onClick={() => {
                   setIsEditing(true);
                 }}
-                className="flex justify-start"
+                className="flex justify-start text-wrap"
               >
                 <Pencil className="size-3" />
                 {t('view.action.rename')}
diff --git a/apps/nextjs-app/src/features/app/components/setting/SettingDialog.tsx b/apps/nextjs-app/src/features/app/components/setting/SettingDialog.tsx
index 22d0fe16ef..1f8b837575 100644
--- a/apps/nextjs-app/src/features/app/components/setting/SettingDialog.tsx
+++ b/apps/nextjs-app/src/features/app/components/setting/SettingDialog.tsx
@@ -21,31 +21,31 @@ export const SettingDialog = () => {
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogContent className="h-5/6 max-h-[800px] max-w-6xl">
         <Tabs defaultValue="profile" className="flex min-h-[40rem] gap-4 pt-4">
-          <TabsList className="grid w-36 gap-2 bg-inherit text-left">
+          <TabsList className="grid w-52 gap-2 bg-inherit text-left">
             <TabsTrigger
               value="profile"
-              className="w-36 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium"
+              className="w-52 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium text-wrap"
             >
               <UserEdit className="shrink-0" />
               {t('settings.account.tab')}
             </TabsTrigger>
             <TabsTrigger
               value="system"
-              className="w-36 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium"
+              className="w-52 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium text-wrap"
             >
               <Settings className="shrink-0" />
               {t('settings.setting.title')}
             </TabsTrigger>
             <TabsTrigger
               value="notifications"
-              className="w-36 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium"
+              className="w-52 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium text-wrap"
             >
               <Bell className="shrink-0" />
               {t('settings.notify.title')}
             </TabsTrigger>
             <TabsTrigger
               value="integration"
-              className="w-36 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium"
+              className="w-52 justify-start gap-2 font-normal data-[state=active]:bg-muted data-[state=active]:font-medium text-wrap"
             >
               <Link className="shrink-0" />
               {t('settings.integration.title')}