Styling

getsentry · Nov 17, 2023 · 7f24326 · 7f24326
1 parent 0ce63cc
commit 7f24326
Show file tree

Hide file tree

Showing 5 changed files with 2,817 additions and 1,687 deletions.
diff --git a/packages/core/src/index.css b/packages/core/src/index.css
@@ -18,11 +18,10 @@
   @apply fixed flex h-screen w-screen flex-col overflow-auto bg-black bg-opacity-50 backdrop-blur-sm backdrop-filter;
   z-index: 999998;
   padding: 2.5vh;
-  padding-bottom: 22vh;
 }
 
 .sentry-debugger {
-  @apply flex flex-col overflow-auto rounded-lg bg-indigo-900 font-sans text-white shadow-xl;
+  @apply flex h-full flex-col overflow-auto rounded-lg bg-indigo-900 font-sans text-white shadow-xl;
 }
 
 /* .sentry-debugger .tree li {

diff --git a/packages/website/package.json b/packages/website/package.json
@@ -14,6 +14,7 @@
     "@astrojs/starlight": "^0.11.2",
     "@astrojs/starlight-tailwind": "^2.0.0",
     "@astrojs/tailwind": "^5.0.2",
+    "@fontsource/raleway": "^5.0.8",
     "@sentry/astro": "^7.80.0",
     "astro": "^3.5.4",
     "sharp": "^0.32.6",

diff --git a/packages/website/src/tailwind.css b/packages/website/src/tailwind.css
@@ -1,3 +1,11 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+.site-title {
+  @apply font-raleway text-2xl font-light uppercase tracking-widest text-white;
+}
+
+header.header {
+  @apply bg-black bg-opacity-50 backdrop-blur-sm backdrop-filter;
+}
diff --git a/packages/website/tailwind.config.mjs b/packages/website/tailwind.config.mjs
@@ -1,11 +1,15 @@
 import starlightPlugin from '@astrojs/starlight-tailwind';
 import typographyPlugin from '@tailwindcss/typography';
+const defaultTheme = require('tailwindcss/defaultTheme');
 
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
   theme: {
     extend: {
+      fontFamily: {
+        raleway: ['Raleway', ...defaultTheme.fontFamily.sans],
+      },
       animation: {
         fadeIn: '0.5s fadeIn forwards',
         fadeOut: '0.5s fadeOut forwards',