lone-cloud/gerbil
0
0
Fork 0
mirror of https://github.com/lone-cloud/gerbil synced 2026-06-04 12:13:28 -07:00
Code Issues Projects Releases Packages Wiki Activity

better titlebar spacing and height

Browse source
This commit is contained in:
Egor 2025-09-05 18:33:25 -07:00
parent 17e4f53c60
commit 5e513e6f49
2 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{ {
"name": "gerbil", "name": "gerbil",
"productName": "Gerbil", "productName": "Gerbil",
"version": "1.0.1", "version": "1.0.2",
"description": "Run Large Language Models locally", "description": "Run Large Language Models locally",
"main": "out/main/index.js", "main": "out/main/index.js",
"homepage": "./", "homepage": "./",

29
src/components/TitleBar.tsx
View file

@ -95,7 +95,7 @@ export const TitleBar = ({
<Box <Box
style={{ style={{
height: TITLEBAR_HEIGHT, height: TITLEBAR_HEIGHT,
padding: '0.125rem 0.5rem', padding: '0.125rem 0 0.125rem 0.5rem',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'space-between', justifyContent: 'space-between',
@ -117,11 +117,9 @@ export const TitleBar = ({
<Image <Image
src={iconUrl} src={iconUrl}
alt={PRODUCT_NAME} alt={PRODUCT_NAME}
w={24} w={26}
h={24} h={26}
style={{ style={{
minWidth: 24,
minHeight: 24,
cursor: 'pointer', cursor: 'pointer',
userSelect: 'none', userSelect: 'none',
transition: 'transform 0.15s ease-in-out', transition: 'transform 0.15s ease-in-out',
@ -201,17 +199,18 @@ export const TitleBar = ({
)} )}
</Box> </Box>
<Group gap="0.125rem" style={{ WebkitAppRegion: 'no-drag' }}> <Group gap="0" style={{ WebkitAppRegion: 'no-drag' }}>
{hasUpdate && ( {hasUpdate && (
<ActionIcon <ActionIcon
variant="subtle" variant="subtle"
color="orange" color="orange"
size="2rem" size={TITLEBAR_HEIGHT}
onClick={openReleasePage} onClick={openReleasePage}
aria-label="New release available" aria-label="New release available"
tabIndex={-1}
style={{ style={{
borderRadius: '0.25rem', borderRadius: 0,
margin: '0.125rem', margin: 0,
}} }}
> >
<CircleFadingArrowUp size="1.25rem" /> <CircleFadingArrowUp size="1.25rem" />
@ -220,12 +219,13 @@ export const TitleBar = ({
<ActionIcon <ActionIcon
variant="subtle" variant="subtle"
size="2rem" size={TITLEBAR_HEIGHT}
onClick={onOpenSettings} onClick={onOpenSettings}
aria-label="Open settings" aria-label="Open settings"
tabIndex={-1}
style={{ style={{
borderRadius: '0.25rem', borderRadius: '0.25rem',
margin: '0.125rem', margin: 0,
}} }}
> >
<Settings size="1.25rem" /> <Settings size="1.25rem" />
@ -263,13 +263,14 @@ export const TitleBar = ({
<ActionIcon <ActionIcon
key={index} key={index}
variant="subtle" variant="subtle"
size="2rem" size={TITLEBAR_HEIGHT}
onClick={button.onClick} onClick={button.onClick}
color={button.color} color={button.color}
aria-label={button.label} aria-label={button.label}
tabIndex={-1}
style={{ style={{
borderRadius: '0.25rem', borderRadius: 0,
margin: '0.125rem', margin: 0,
}} }}
> >
{button.icon} {button.icon}