ui: change logo

apps/datahub/src/index.html

@@ -6,6 +6,13 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="assets/css/materials-symbols-outline.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
+    />
     <link
       rel="preload"
       href="assets/configuration/default.toml"

apps/datahub/tailwind.config.js

@@ -4,7 +4,14 @@ const { join } = require('path')
 
 module.exports = {
   ...baseConfig,
-  safelist: [...baseConfig.safelist, 'w-max', 'items-end', 'sm:h-36', 'h-20'],
+  safelist: [
+    ...baseConfig.safelist,
+    'w-max',
+    'items-end',
+    'sm:h-36',
+    'md:h-[10.5rem]',
+    'h-20',
+  ],
   theme: {
     ...baseConfig.theme,
     extend: {