salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent welcome resume list overflow

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-14 12:50:00 +00:00
parent 8155fc9956
commit 8d5c6b37e9
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/components/instance-welcome-view.tsx
View File

@@ -399,7 +399,7 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span <span
class="text-sm font-medium text-primary truncate transition-colors" class="text-sm font-medium text-primary whitespace-normal break-words transition-colors"
classList={{ classList={{
"text-accent": isFocused(), "text-accent": isFocused(),
}} }}

7
packages/ui/src/styles/panels.css
View File

@@ -362,7 +362,7 @@
/* Panel component utilities */ /* Panel component utilities */
.panel { .panel {
@apply rounded-lg shadow-sm border overflow-hidden; @apply rounded-lg shadow-sm border overflow-hidden min-w-0;
background-color: var(--surface-base); background-color: var(--surface-base);
border-color: var(--border-base); border-color: var(--border-base);
color: var(--text-primary); color: var(--text-primary);
@@ -415,7 +415,8 @@
} }
.panel-list { .panel-list {
@apply max-h-[400px] overflow-y-auto; @apply max-h-[400px] overflow-y-auto w-full min-w-0;
overflow-x: hidden;
} }
.panel-list--fill { .panel-list--fill {
@@ -438,7 +439,7 @@
} }
.panel-list-item-content { .panel-list-item-content {
@apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full; @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0;
} }
.panel-list-item-content:hover { .panel-list-item-content:hover {

7
packages/ui/src/styles/panels/panel-shell.css
View File

@@ -1,6 +1,6 @@
/* Panel component shells */ /* Panel component shells */
.panel { .panel {
@apply rounded-lg shadow-sm border overflow-hidden; @apply rounded-lg shadow-sm border overflow-hidden min-w-0;
background-color: var(--surface-base); background-color: var(--surface-base);
border-color: var(--border-base); border-color: var(--border-base);
color: var(--text-primary); color: var(--text-primary);
@@ -53,7 +53,8 @@
} }
.panel-list { .panel-list {
@apply max-h-[400px] overflow-y-auto; @apply max-h-[400px] overflow-y-auto w-full min-w-0;
overflow-x: hidden;
} }
.panel-list--fill { .panel-list--fill {
@@ -76,7 +77,7 @@
} }
.panel-list-item-content { .panel-list-item-content {
@apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full; @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0;
} }
.panel-list-item-content:hover { .panel-list-item-content:hover {