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',