From 324bc48338752c8bb668bf9eec36e26138286800 Mon Sep 17 00:00:00 2001 From: lckdscl Date: Wed, 13 Mar 2024 19:09:09 +0000 Subject: [PATCH] fix: mobile css layout --- assets/ibis.css | 25 +++++++++++++++++++++---- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/assets/ibis.css b/assets/ibis.css index e14deca..dfc1b7e 100644 --- a/assets/ibis.css +++ b/assets/ibis.css @@ -19,15 +19,32 @@ nav { main { background-color: #ffffff; - flex-grow: 1; - padding-top: 0; + flex-grow: 2; + padding: 0 30px 30px 30px; +} + +main .inner { + margin: 0 -30px; +} + +nav form { + margin: 0.5rem 1rem 0rem 0rem; } .item-view { - padding: 0 20px 20px 20px; max-width: 700px; } pre { white-space: pre-wrap; -} \ No newline at end of file +} + +@media only screen and (max-width: 720px) { + body { + flex-direction: column; + } + nav input { + max-width: 200px; + } + nav li { display: inline-block } +}