klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-07 13:23:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix using 1 column layout on small screens

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2022-07-18 02:31:30 +04:00
parent 7d16b673b1
commit 5e302dbcda
1 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/interface/web/index.html
View File

@@ -77,26 +77,6 @@
</body> </body>
<style> <style>
body {
display: grid;
grid-template-columns: 1fr min(70vw, 100%) 1fr;
margin: 0px;
padding: 0px;
background: #eee;
color: #888;
text-align: center;
font-family: roboto, karma, segoe ui, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.5em;
}
body > * {
grid-column: 2;
padding: 10px;
margin: 10px;
}
/* Switch to 1 Column for Mobile Displays */
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
body { body {
display: grid; display: grid;
@@ -106,7 +86,32 @@
grid-column: 1; grid-column: 1;
} }
} }
@media only screen and (min-width: 600px) {
body {
display: grid;
grid-template-columns: 1fr min(70vw, 100%) 1fr;
padding-top: 60vw;
}
body > * {
grid-column: 2;
}
}
body {
padding: 0px;
margin: 0px;
background: #eee;
color: #888;
text-align: center;
font-family: roboto, karma, segoe ui, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.5em;
}
body > * {
padding: 10px;
margin: 10px;
}
h1 { h1 {
font-weight: 200; font-weight: 200;
color: #888; color: #888;