diff options
| -rw-r--r-- | assets/public/css/app.css | 7 | ||||
| -rw-r--r-- | assets/src/components/SharePage.svelte | 13 |
2 files changed, 20 insertions, 0 deletions
diff --git a/assets/public/css/app.css b/assets/public/css/app.css index e23b16e..e23d13d 100644 --- a/assets/public/css/app.css +++ b/assets/public/css/app.css @@ -47,8 +47,15 @@ main { } } +@media (min-width: 1400px) { + main { + width: 50%; + } +} + .left-segment { width: 315px; + box-sizing: border-box; } .right-segment { diff --git a/assets/src/components/SharePage.svelte b/assets/src/components/SharePage.svelte index 9fd0c59..826f70e 100644 --- a/assets/src/components/SharePage.svelte +++ b/assets/src/components/SharePage.svelte @@ -34,3 +34,16 @@ } </style> </svelte:head> + +<style> + .right-segment { + height: 100%; + margin-top: 15rem; + } + + @media (max-width: 850px) { + .right-segment { + margin-top: 0; + } + } +</style> |