From c5d3dc795958d335a4f42f531063fc7a65c84279 Mon Sep 17 00:00:00 2001 From: George Tsiolis Date: Wed, 17 Mar 2021 13:36:51 +0000 Subject: [PATCH 1/3] Add latest logo version --- components/dashboard/public/gitpod.svg | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/components/dashboard/public/gitpod.svg b/components/dashboard/public/gitpod.svg index 089e2f88681729..83364d8fee9096 100644 --- a/components/dashboard/public/gitpod.svg +++ b/components/dashboard/public/gitpod.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + From f0f858fbfd3021430573318605f095cf9d9d1f8e Mon Sep 17 00:00:00 2001 From: George Tsiolis Date: Wed, 17 Mar 2021 13:37:35 +0000 Subject: [PATCH 2/3] Change top menu button size and color --- components/dashboard/src/components/Menu.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/dashboard/src/components/Menu.tsx b/components/dashboard/src/components/Menu.tsx index 0286b47615aa42..aa08cf30278dee 100644 --- a/components/dashboard/src/components/Menu.tsx +++ b/components/dashboard/src/components/Menu.tsx @@ -7,11 +7,11 @@ interface Entry { } function MenuItem(entry: Entry) { - let classes = "flex block text-sm font-medium lg:px-3 px-0 py-2 rounded-md"; + let classes = "flex block text-sm font-medium lg:px-3 px-0 py-1.5 rounded-md"; if (window.location.pathname.toLowerCase() === entry.link.toLowerCase()) { classes += " bg-gray-200"; } else { - classes += " text-gray-500 hover:bg-gray-300 "; + classes += " text-gray-600 hover:bg-gray-100 "; } return
  • {entry.link.startsWith('https://') @@ -57,7 +57,7 @@ function Menu(props: { left: Entry[], right: Entry[] }) { {props.right.map(MenuItem)} - + {user?.name From f6b7e8d80f9b48715e94fba62b4bb5d72f971b91 Mon Sep 17 00:00:00 2001 From: George Tsiolis Date: Wed, 17 Mar 2021 13:43:25 +0000 Subject: [PATCH 3/3] Change font stack --- components/dashboard/src/tailwind.output.css | 14 +++++++------- components/dashboard/tailwind.config.js | 17 ++++++++++++++++- 2 files changed, 23 insertions(+), 8 deletions(-) diff --git a/components/dashboard/src/tailwind.output.css b/components/dashboard/src/tailwind.output.css index 52c1aa2a30afce..2bb662442eb57b 100644 --- a/components/dashboard/src/tailwind.output.css +++ b/components/dashboard/src/tailwind.output.css @@ -365,7 +365,7 @@ ul { */ html { - font-family: Inter, Helvetica, Arial, sans-serif; /* 1 */ + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 1 */ line-height: 1.5; /* 2 */ } @@ -12671,7 +12671,7 @@ input[type=text]::placeholder { } .font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .font-thin { @@ -46975,7 +46975,7 @@ input[type=text]::placeholder { } .sm\:font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .sm\:font-thin { @@ -80680,7 +80680,7 @@ input[type=text]::placeholder { } .md\:font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .md\:font-thin { @@ -114385,7 +114385,7 @@ input[type=text]::placeholder { } .lg\:font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .lg\:font-thin { @@ -148090,7 +148090,7 @@ input[type=text]::placeholder { } .xl\:font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .xl\:font-thin { @@ -181795,7 +181795,7 @@ input[type=text]::placeholder { } .\32xl\:font-sans { - font-family: Inter, Helvetica, Arial, sans-serif !important; + font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; } .\32xl\:font-thin { diff --git a/components/dashboard/tailwind.config.js b/components/dashboard/tailwind.config.js index d70144ec61e459..7195f29f969ceb 100644 --- a/components/dashboard/tailwind.config.js +++ b/components/dashboard/tailwind.config.js @@ -33,7 +33,22 @@ module.exports = { }, }, fontFamily: { - 'sans': ['Inter', 'Helvetica', 'Arial', 'sans-serif'], + sans: [ + 'Inter', + 'system-ui', + '-apple-system', + 'BlinkMacSystemFont', + 'Segoe UI', + 'Roboto', + 'Helvetica Neue', + 'Arial', + 'Noto Sans', + 'sans-serif', + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol', + 'Noto Color Emoji', + ], }, underlineThickness: { 'thin': '2px',