aljaz/goose
1
0
Fork 0
mirror of https://github.com/aljazceru/goose.git synced 2025-12-22 00:24:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI Tweaks including border and padding fixes, contrast improvements, and more (#2489)

Browse Source
This commit is contained in:
Best Codes
2025-05-12 15:55:22 -05:00
committed by GitHub
parent 7027de6238
commit 984e5b8df7
3 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/desktop/src/components/ChatInput.tsx
View File

@@ -287,7 +287,7 @@ export default function ChatInput({
maxHeight: `${maxHeight}px`, maxHeight: `${maxHeight}px`,
overflowY: 'auto', overflowY: 'auto',
}} }}
className="w-full pl-4 pr-[68px] outline-none border-none focus:ring-0 bg-transparent pt-3 pb-1.5 text-sm resize-none text-textStandard placeholder:text-textPlaceholder placeholder:opacity-50" className="w-full pl-4 pr-[68px] outline-none border-none focus:ring-0 bg-transparent pt-3 pb-1.5 text-sm resize-none text-textStandard placeholder:text-textPlaceholder"
/> />
{isLoading ? ( {isLoading ? (
@@ -310,10 +310,10 @@ export default function ChatInput({
size="icon" size="icon"
variant="ghost" variant="ghost"
disabled={!displayValue.trim()} disabled={!displayValue.trim()}
className={`absolute right-3 top-2 transition-colors rounded-full hover:cursor w-7 h-7 [&_svg]:size-4 ${ className={`absolute right-3 top-2 transition-colors rounded-full w-7 h-7 [&_svg]:size-4 ${
!displayValue.trim() !displayValue.trim()
? 'text-textSubtle cursor-not-allowed' ? 'text-textSubtle cursor-not-allowed'
: 'bg-bgAppInverse text-white' : 'bg-bgAppInverse text-textProminentInverse hover:cursor-pointer'
}`} }`}
> >
<Send /> <Send />

10
ui/desktop/src/components/more_menu/MoreMenuLayout.tsx
View File

@@ -16,18 +16,24 @@ export default function MoreMenuLayout({
setIsGoosehintsModalOpen?: (isOpen: boolean) => void; setIsGoosehintsModalOpen?: (isOpen: boolean) => void;
}) { }) {
const [isTooltipOpen, setIsTooltipOpen] = useState(false); const [isTooltipOpen, setIsTooltipOpen] = useState(false);
// Assume macOS if not explicitly set
const safeIsMacOS = (window?.electron?.platform || 'darwin') === 'darwin';
return ( return (
<div <div
className="relative flex items-center h-14 border-b border-borderSubtle w-full" className="relative flex items-center h-14 border-b border-borderSubtle w-full"
style={{ WebkitAppRegion: 'drag' }} style={{ WebkitAppRegion: 'drag' }}
> >
{showMenu && ( {showMenu && (
<div className="flex items-center justify-between w-full h-full pl-[86px] pr-4"> <div
className={`flex items-center justify-between w-full h-full ${safeIsMacOS ? 'pl-[86px]' : 'pl-[8px]'} pr-4`}
>
<TooltipProvider> <TooltipProvider>
<Tooltip open={isTooltipOpen} onOpenChange={setIsTooltipOpen}> <Tooltip open={isTooltipOpen} onOpenChange={setIsTooltipOpen}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
className="z-[100] no-drag hover:cursor-pointer border border-subtle hover:border-borderStandard rounded-lg p-2 pr-3 text-textSubtle hover:text-textStandard text-sm flex items-center transition-colors [&>svg]:size-4 " className="z-[100] no-drag hover:cursor-pointer border border-borderSubtle hover:border-borderStandard rounded-lg p-2 pr-3 text-textSubtle hover:text-textStandard text-sm flex items-center transition-colors [&>svg]:size-4 "
onClick={async () => { onClick={async () => {
if (hasMessages) { if (hasMessages) {
window.electron.directoryChooser(); window.electron.directoryChooser();

27
ui/desktop/src/components/settings_v2/permission/PermissionSetting.tsx
View File

@@ -83,17 +83,22 @@ export default function PermissionSettingsView({ onClose }: { onClose: () => voi
<div className="flex flex-col pb-24"> <div className="flex flex-col pb-24">
<div className="px-8 pt-6 pb-4"> <div className="px-8 pt-6 pb-4">
<BackButton onClick={() => onClose()} className="mb-4" /> <BackButton onClick={() => onClose()} className="mb-4" />
<svg <div className="rounded-full bg-bgAppInverse w-16 h-16 flex items-center justify-center mb-4">
xmlns="http://www.w3.org/2000/svg" <svg
width="64" xmlns="http://www.w3.org/2000/svg"
height="64" width="24"
viewBox="0 0 64 64" height="24"
fill="none" viewBox="0 0 24 24"
> className="stroke-bgApp fill-textProminent"
<circle cx="32" cy="32" r="32" fill="#101010" /> strokeWidth="2"
<rect x="22" y="17" width="8" height="8" rx="4" fill="white" /> strokeLinecap="round"
<rect x="22" y="28" width="20" height="20" rx="10" fill="white" /> strokeLinejoin="round"
</svg> >
<path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" />
<path d="m21 2-9.6 9.6" />
<circle cx="7.5" cy="15.5" r="5.5" />
</svg>
</div>
<h1 className="text-3xl font-medium text-textStandard mt-4">Permission Rules</h1> <h1 className="text-3xl font-medium text-textStandard mt-4">Permission Rules</h1>
<p className="text-textSubtle"> <p className="text-textSubtle">
Hidden instructions that will be passed to the provider to help direct and add context Hidden instructions that will be passed to the provider to help direct and add context