From 85ad7965934f98f84e9e937029ac9c1704b75e88 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Fri, 27 Apr 2018 10:17:38 -0700 Subject: wip filter ui --- static/style.css | 126 ++++++++++++++++++++++++++++--------------------------- static/ui.html | 2 +- 2 files changed, 65 insertions(+), 63 deletions(-) diff --git a/static/style.css b/static/style.css index 4305e56..1e813b7 100644 --- a/static/style.css +++ b/static/style.css @@ -153,16 +153,18 @@ pre { } .logo { + margin: 0; + padding: 1rem; position: fixed; top: 0; left: 0; - font-size: 36px; - text-align: center; + font-size: 18px; color: black; line-height: 1em; z-index: 1; cursor: pointer; - width: 10rem; + width: 100%; + background-color: #ccc; } .hasunread { @@ -204,62 +206,62 @@ button { } -/* @media only screen and (max-device-width: 768px) { */ -/* html { */ -/* width: 100%; */ -/* font-size: 22px; */ -/* } */ - -/* body { */ -/* min-width: 0; */ -/* width: 100%; */ -/* max-width: 100%; */ -/* overflow: hidden; */ -/* } */ - - -/* #filters h4, #filters h1 { */ -/* display: none; */ -/* } */ - -/* #controls { */ -/* width: 100%; */ -/* font-size: 1.5rem; */ -/* } */ - -/* #controls ul { */ -/* padding: 0; */ -/* margin: 0; */ -/* text-align: center; */ -/* } */ - -/* #controls li { */ -/* display: inline; */ -/* } */ - -/* #filters { */ -/* width: 100%; */ -/* height: 50px; */ -/* position: fixed; */ -/* top: 0; */ -/* left: 0; */ -/* background: #ccc; */ -/* } */ - - -/* #items { */ -/* margin: 0 auto; */ -/* max-width: 100%; */ -/* } */ -/* } */ - -/* @media only screen and (max-device-width: 400px) { */ -/* html { */ -/* font-size: 16px; */ -/* } */ - -/* body { */ -/* min-width: 0; */ -/* width: 100%; */ -/* } */ -/* } */ +@media only screen and (max-device-width: 768px) { + html { + width: 100%; + font-size: 22px; + } + + body { + min-width: 0; + width: 100%; + max-width: 100%; + /* overflow: hidden; */ + } + + + /* #filters h4, #filters h1 { */ + /* display: none; */ + /* } */ + + /* #controls { */ + /* width: 100%; */ + /* font-size: 1.5rem; */ + /* } */ + + /* #controls ul { */ + /* padding: 0; */ + /* margin: 0; */ + /* text-align: center; */ + /* } */ + + /* #controls li { */ + /* display: inline; */ + /* } */ + + /* #filters { */ + /* width: 100%; */ + /* height: 50px; */ + /* position: fixed; */ + /* top: 0; */ + /* left: 0; */ + /* background: #ccc; */ + /* } */ + + + #items { */ + margin: 0 auto; + max-width: 100%; + } +} + +@media only screen and (max-device-width: 400px) { + html { + font-size: 16px; + } + + body { + min-width: 0; + width: 100%; + } +} diff --git a/static/ui.html b/static/ui.html index 06be649..89283a4 100644 --- a/static/ui.html +++ b/static/ui.html @@ -14,7 +14,7 @@ -

neko

😸neko

-- cgit v1.2.3