ui

flipvh · flipvh · commit 0525b74669c1 · 2026-03-13T00:39:13.000+01:00
diff --git a/frontend/src/modules/attachment/table/attachments-table.tsx b/frontend/src/modules/attachment/table/attachments-table.tsx
@@ -14,7 +14,6 @@ import type { RowsChangeData } from '~/modules/common/data-grid';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
 import type { ColumnOrColumnGroup } from '~/modules/common/data-table/types';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import type { EnrichedContextEntity } from '~/modules/entities/types';
 
 const LIMIT = appConfig.requestLimits.attachments;
@@ -123,7 +122,7 @@ function AttachmentsTable({ contextEntity, canUpload = true, isSheet = false }:
   const clearSelection = () => setSelected([]);
 
   return (
-    <FocusViewContainer data-is-compact={isCompact}>
+    <>
       <AttachmentsTableBar
         contextEntity={contextEntity}
         selected={selected}
@@ -160,7 +159,7 @@ function AttachmentsTable({ contextEntity, canUpload = true, isSheet = false }:
           NoRowsComponent,
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/common/down-alert.tsx b/frontend/src/modules/common/down-alert.tsx
@@ -28,8 +28,12 @@ const downAlertConfig = {
           className="max-sm:hidden"
           i18nKey={i18nKey}
           components={{
-            site_anchor: <button type="button" className="underline" onClick={dismissAlert} />,
-            retry_anchor: <button type="button" className="underline" onClick={retry} />,
+            site_anchor: (
+              <button type="button" className="underline font-semibold underline-offset-2" onClick={dismissAlert} />
+            ),
+            retry_anchor: (
+              <button type="button" className="underline font-semibold underline-offset-2" onClick={retry} />
+            ),
           }}
         />
       );
diff --git a/frontend/src/modules/common/uploader/uploader.tsx b/frontend/src/modules/common/uploader/uploader.tsx
@@ -25,7 +25,7 @@ export const Uploader = () => {
         if (!open) remove();
       }}
     >
-      <DialogContent className="w-[70vw] h-[40vh] min-h-fit md:max-w-xl">
+      <DialogContent className="w-[90vw] xs:w-[80vw] max-w-xl h-[40vh] min-h-fit md:max-w-2xl">
         <DialogHeader className="with-close-btn">
           <DialogTitle className={`${uploaderData.title ? '' : 'hidden'} leading-6 h-6`}>
             {uploaderData.title}
diff --git a/frontend/src/modules/memberships/members-table/members-table.tsx b/frontend/src/modules/memberships/members-table/members-table.tsx
@@ -8,7 +8,6 @@ import { ContentPlaceholder } from '~/modules/common/content-placeholder';
 import type { RowsChangeData } from '~/modules/common/data-grid';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import type { EnrichedContextEntity } from '~/modules/entities/types';
 import { MembersTableBar } from '~/modules/memberships/members-table/members-bar';
 import { useColumns } from '~/modules/memberships/members-table/members-columns';
@@ -106,7 +105,7 @@ function MembersTable({ contextEntity, isSheet = false, children }: MembersTable
   const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
 
   return (
-    <FocusViewContainer disabled={isSheet}>
+    <>
       <MembersTableBar
         contextEntity={contextEntity}
         selected={selected}
@@ -147,7 +146,7 @@ function MembersTable({ contextEntity, isSheet = false, children }: MembersTable
           ),
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/navigation/floating-nav/button.tsx b/frontend/src/modules/navigation/floating-nav/button.tsx
@@ -42,7 +42,7 @@ export const FloatingNavButton = ({
       variant="secondary"
       onClick={onClick}
       className={cn(
-        `fixed z-105 w-14 h-14 flex items-center shadow-lg bg-secondary hover:bg-secondary justify-center rounded-full bottom-4 
+        `fixed z-105 w-14 h-14 flex items-center shadow-xl bg-secondary hover:bg-secondary justify-center rounded-full bottom-4 
         transition-all duration-300 ease-in-out transform opacity-100 active:scale-95
         data-[direction=left]:left-4 data-[direction=right]:right-4`,
         className,
diff --git a/frontend/src/modules/organization/table/organizations-table.tsx b/frontend/src/modules/organization/table/organizations-table.tsx
@@ -8,7 +8,6 @@ import { ContentPlaceholder } from '~/modules/common/content-placeholder';
 import type { RowsChangeData } from '~/modules/common/data-grid';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import { useChangeEntityRoleMutation } from '~/modules/memberships/query-mutations';
 import { organizationsListQueryOptions } from '~/modules/organization/query';
 import { OrganizationsTableBar } from '~/modules/organization/table/organizations-bar';
@@ -83,7 +82,7 @@ function OrganizationsTable() {
   const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
 
   return (
-    <FocusViewContainer data-is-compact={isCompact}>
+    <>
       <OrganizationsTableBar
         queryKey={queryOptions.queryKey}
         selected={selected}
@@ -123,7 +122,7 @@ function OrganizationsTable() {
           ),
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/page/table/pages-table.tsx b/frontend/src/modules/page/table/pages-table.tsx
@@ -141,7 +141,7 @@ function PagesTable() {
   );
 
   return (
-    <FocusViewContainer data-is-compact={isCompact}>
+    <FocusViewContainer>
       <PagesTableBar
         searchVars={{ ...search, limit }}
         setSearch={setSearch}
diff --git a/frontend/src/modules/requests/table/requests-table.tsx b/frontend/src/modules/requests/table/requests-table.tsx
@@ -8,7 +8,6 @@ import { useSearchParams } from '~/hooks/use-search-params';
 import { ContentPlaceholder } from '~/modules/common/content-placeholder';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import { requestsListQueryOptions } from '~/modules/requests/query';
 import { RequestsTableBar } from '~/modules/requests/table/requests-bar';
 import { useColumns } from '~/modules/requests/table/requests-columns';
@@ -62,7 +61,7 @@ function RequestsTable() {
   const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
 
   return (
-    <FocusViewContainer>
+    <>
       <RequestsTableBar
         queryKey={queryOptions.queryKey}
         selected={selected}
@@ -99,7 +98,7 @@ function RequestsTable() {
           ),
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/tenants/table/tenants-table.tsx b/frontend/src/modules/tenants/table/tenants-table.tsx
@@ -9,7 +9,6 @@ import { ContentPlaceholder } from '~/modules/common/content-placeholder';
 import type { RowsChangeData } from '~/modules/common/data-grid';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import { tenantsListQueryOptions, useTenantUpdateMutation } from '~/modules/tenants/query';
 import type { TenantsRouteSearchParams } from '~/modules/tenants/search-params-schema';
 import { TenantsTableBar } from '~/modules/tenants/table/tenants-bar';
@@ -68,7 +67,7 @@ function TenantsTable() {
   const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
 
   return (
-    <FocusViewContainer>
+    <>
       <TenantsTableBar
         queryKey={queryOptions.queryKey}
         columns={columns}
@@ -102,7 +101,7 @@ function TenantsTable() {
           ),
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/user/table/users-table.tsx b/frontend/src/modules/user/table/users-table.tsx
@@ -4,7 +4,6 @@ import { appConfig } from 'shared';
 import { useSearchParams } from '~/hooks/use-search-params';
 import { DataTable } from '~/modules/common/data-table/data-table';
 import { useSortColumns } from '~/modules/common/data-table/sort-columns';
-import { FocusViewContainer } from '~/modules/common/focus-view';
 import { usersListQueryOptions } from '~/modules/user/query';
 import { UsersTableBar } from '~/modules/user/table/users-bar';
 import { useColumns } from '~/modules/user/table/users-columns';
@@ -57,7 +56,7 @@ function UsersTable() {
   const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
 
   return (
-    <FocusViewContainer>
+    <>
       <UsersTableBar
         queryKey={queryOptions.queryKey}
         selected={selected}
@@ -87,7 +86,7 @@ function UsersTable() {
           onSortColumnsChange,
         }}
       />
-    </FocusViewContainer>
+    </>
   );
 }
 
diff --git a/frontend/src/modules/user/user-cell.tsx b/frontend/src/modules/user/user-cell.tsx
@@ -16,6 +16,7 @@ interface BaseProps {
   className?: string;
 }
 
+// TODO review compactable
 /**
  * Render a user cell with avatar and name, wrapped in a link to open user sheet.
  */

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export const Uploader = () => {`
`25`	`25`	`if (!open) remove();`
`26`	`26`	`}}`
`27`	`27`	`>`
`28`		`- <DialogContent className="w-[70vw] h-[40vh] min-h-fit md:max-w-xl">`
	`28`	`+ <DialogContent className="w-[90vw] xs:w-[80vw] max-w-xl h-[40vh] min-h-fit md:max-w-2xl">`
`29`	`29`	`<DialogHeader className="with-close-btn">`
`30`	`30`	<DialogTitle className={`${uploaderData.title ? '' : 'hidden'} leading-6 h-6`}>
`31`	`31`	`{uploaderData.title}`