From 531b91340417d87e4447186e51c30e6630a0c28a Mon Sep 17 00:00:00 2001 From: Sage Vaillancourt Date: Sat, 3 Sep 2022 13:34:59 -0400 Subject: [PATCH] A couple visual fixes --- src/app.css | 6 ------ src/app.html | 2 +- src/lib/header/NavBar.svelte | 22 +++++++++++++--------- src/routes/+layout.svelte | 4 +--- src/routes/+page.svelte | 6 +++--- src/routes/blog/+page.svelte | 4 ++++ src/routes/blog/[post]/+page.svelte | 13 +++++++++++-- src/routes/blog/what-is-kafka.md | 7 ++++++- 8 files changed, 39 insertions(+), 25 deletions(-) diff --git a/src/app.css b/src/app.css index e6d9e5c..653f04e 100644 --- a/src/app.css +++ b/src/app.css @@ -18,12 +18,6 @@ --column-margin-top: 4rem; } -.root-div { - height: 100vh; - display: flex; - flex-direction: column; -} - select, button, input { font-family: Roboto, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 90%; diff --git a/src/app.html b/src/app.html index 2e2db7f..2d06c87 100644 --- a/src/app.html +++ b/src/app.html @@ -7,6 +7,6 @@ %sveltekit.head% -
%sveltekit.body%
+ %sveltekit.body% diff --git a/src/lib/header/NavBar.svelte b/src/lib/header/NavBar.svelte index 36719b4..60b56f9 100644 --- a/src/lib/header/NavBar.svelte +++ b/src/lib/header/NavBar.svelte @@ -11,19 +11,23 @@
- +
+ +
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 0342aec..4e712af 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -17,11 +17,9 @@ flex-direction: column; padding: 1rem 1rem 0; width: 100%; - /* - max-width: 1024px; - */ margin: 0 auto; box-sizing: border-box; + align-items: center; } footer { diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index deaee3e..8f8a4fe 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -79,11 +79,11 @@ JSON.parse(`{ + +With Kafka Dance, browsing Kafka data is easy +-->

Data should be Fun

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte index 8cc26e5..c9d110c 100644 --- a/src/routes/blog/+page.svelte +++ b/src/routes/blog/+page.svelte @@ -23,6 +23,7 @@