Browse Source

Update macOS titlebar to better match original

master
jeffvli 3 years ago
committed by Jeff
parent
commit
b2fbdb3939
  1. 9
      src/components/layout/styled.tsx
  2. BIN
      src/img/icons/close-mac-hover.png
  3. BIN
      src/img/icons/close-mac.png
  4. BIN
      src/img/icons/max-mac-hover.png
  5. BIN
      src/img/icons/max-mac.png
  6. BIN
      src/img/icons/min-mac-hover.png
  7. BIN
      src/img/icons/min-mac.png

9
src/components/layout/styled.tsx

@ -73,10 +73,10 @@ export const WindowControl = styled.div`
export const MacControl = styled.div`
display: grid;
grid-template-columns: repeat(3, 30px);
grid-template-columns: repeat(3, 20px);
position: absolute;
top: 0;
left: 0;
left: 4px;
height: 100%;
-webkit-app-region: no-drag;
@ -94,6 +94,11 @@ export const MacControlButton = styled.div<{
width: 100%;
height: 100%;
grid-column: ${(props) => (props.minButton ? 2 : props.maxButton || props.restoreButton ? 3 : 1)};
img {
width: 18px;
height: 18px;
}
`;
export const WindowControlButton = styled.div<{

BIN
src/img/icons/close-mac-hover.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 312 B

After

Width:  |  Height:  |  Size: 507 B

BIN
src/img/icons/close-mac.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 289 B

After

Width:  |  Height:  |  Size: 553 B

BIN
src/img/icons/max-mac-hover.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 329 B

After

Width:  |  Height:  |  Size: 566 B

BIN
src/img/icons/max-mac.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 290 B

After

Width:  |  Height:  |  Size: 557 B

BIN
src/img/icons/min-mac-hover.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 318 B

After

Width:  |  Height:  |  Size: 532 B

BIN
src/img/icons/min-mac.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 290 B

After

Width:  |  Height:  |  Size: 556 B

Loading…
Cancel
Save