diff --git a/src/app.html b/src/app.html index effe0d0..f611d74 100644 --- a/src/app.html +++ b/src/app.html @@ -1,6 +1,7 @@ + diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte index de87062..66bcffd 100644 --- a/src/lib/components/Footer.svelte +++ b/src/lib/components/Footer.svelte @@ -4,36 +4,41 @@ diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 75984f4..013822f 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -9,7 +9,14 @@ @@ -19,7 +26,7 @@ header { padding: 1rem; margin: 2rem; - margin-top: 0; + margin-top: 2rem; margin-bottom: 0; background: rgb(0, 255, 0); display: flex; @@ -61,4 +68,18 @@ float: left; clear: both; } + + @media screen and (max-width: 550px) { + header h1 { + font-size: 20px; + float:none; + padding-left: 40px; + } + + header { + margin: 0; + border-radius: 0; + text-align: left; + } + } diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 36ea4b3..4d05883 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -1,80 +1,14 @@

Pages

- {@html renderedList} +
+ +
diff --git a/src/lib/components/NavbarList.svelte b/src/lib/components/NavbarList.svelte new file mode 100644 index 0000000..a2705be --- /dev/null +++ b/src/lib/components/NavbarList.svelte @@ -0,0 +1,73 @@ + + +{@html renderedList} diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css index 3973525..054968a 100644 --- a/src/lib/styles/style.css +++ b/src/lib/styles/style.css @@ -73,7 +73,7 @@ main { .navbar { float: left; padding: 2rem; - min-width: 300px; + min-width: 200px; margin-right: 2rem; font-size: 1.2rem; } @@ -124,4 +124,36 @@ details { details a { padding-left: 0.5rem; +} + +.content { + margin-left: 0; + overflow: scroll; + white-space: initial; +} + +@media screen and (max-width: 900px) { + .container { + flex-direction: column; + } + + .content { + margin-left: 32px; + margin-top: 0; + } +} + +@media screen and (max-width: 550px) { + .column { + margin: 0; + margin-bottom: 1rem; + border-radius: 0; + } + + main { + margin: 0; + padding: 15px; + margin-bottom: 1rem; + border-radius: 0; + } } \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 5400519..f7341bd 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -4,24 +4,14 @@ import Navbar from "$lib/components/Navbar.svelte"; -
-
+
- -

- YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT SEE THIS YOU CANT - SEE THIS -