feat(source2): lock dark mode, sans-serif typography, and all recent updates
This commit is contained in:
1 parent
dd4c8f6876
commit
9f24b56e97
259 files changed
+15596
-8966
No files matched your search
@@ -0,0 +1,18 @@
|
||||
# Log: Fixed Actions Column Trash Icon Clipping
|
||||
|
||||
**Trigger**: Trash/delete icon missing under Actions column due to horizontal overflow clipping
|
||||
**Date**: 2026-07-23 09:28 WIB
|
||||
**Affected files**:
|
||||
- `src/app/(dashboard)/agents/columns.tsx`
|
||||
|
||||
## Solution
|
||||
|
||||
1. Identified that the `Actions` column containing 5 action buttons (ChevronRight, UserCog, MapPin, Eye, Trash2) requires at least 150px of horizontal space to prevent overflow clipping in a `table-fixed` layout.
|
||||
2. Optimized layout column widths:
|
||||
- `UUID / Serial`: Reduced from `12%` to `10%`
|
||||
- `Provisioned`: Reduced from `10%` to `8%`
|
||||
- `Activated`: Reduced from `10%` to `8%`
|
||||
- `Traffic Status`: Reduced from `20%` to `18%`
|
||||
- `Actions`: Increased from `10%` to `18%`
|
||||
3. The sum of the columns remains exactly `100%`, avoiding any layout distortion while allocating ample space for the actions cell. All 5 icons, including the red Trash/Delete button, are now fully rendered and visible.
|
||||
4. TypeScript check and compile checks passed cleanly.
|
||||
Reference in new issue
Block a user