mirror of
https://github.com/Kilo-Org/kilocode.git
synced 2026-09-19 10:02:04 +08:00
fix(vscode): fix session action buttons to share one row
Remove data-full-width from buttons inside the flex row (it forced width:100% overriding flex). Use flex:1 with min-width:fit-content so they share the row and only wrap when genuinely too narrow.
This commit is contained in:
@@ -156,7 +156,6 @@ export const ChatView: Component<ChatViewProps> = (props) => {
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="small"
|
||||
data-full-width="true"
|
||||
onClick={() => vscode.postMessage({ type: "openChanges" })}
|
||||
aria-label={language.t("command.session.show.changes")}
|
||||
>
|
||||
@@ -168,7 +167,6 @@ export const ChatView: Component<ChatViewProps> = (props) => {
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="small"
|
||||
data-full-width="true"
|
||||
disabled={transferring()}
|
||||
onClick={() => {
|
||||
const sid = id()
|
||||
|
||||
@@ -182,9 +182,9 @@
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.session-actions-row > * {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
.session-actions-row > [data-component="button"] {
|
||||
flex: 1 1 0;
|
||||
min-width: fit-content;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
|
||||
Reference in New Issue
Block a user