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 items-center gap-2">
<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={{
"text-accent": isFocused(),
}}

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

@@ -362,7 +362,7 @@
/* Panel component utilities */
.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);
border-color: var(--border-base);
color: var(--text-primary);
@@ -415,7 +415,8 @@
}
.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 {
@@ -438,7 +439,7 @@
}
.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 {

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

@@ -1,6 +1,6 @@
/* Panel component shells */
.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);
border-color: var(--border-base);
color: var(--text-primary);
@@ -53,7 +53,8 @@
}
.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 {
@@ -76,7 +77,7 @@
}
.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 {