sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 16:14:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Switch to narrow view below width of 700px on web client

Browse source 
This makes the dropdown menu align better to the profile picture in
mobile view
This commit is contained in:
Debanjum Singh Solanky 2023-11-01 16:39:11 -07:00
parent 6a0adfbfbb
commit 022d695309
5 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/khoj/interface/web/assets/khoj.css
View file

@ -183,7 +183,7 @@ p#khoj-banner {
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
div.khoj-header { div.khoj-header {
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;

4
src/khoj/interface/web/base_config.html
View file

@ -234,12 +234,12 @@
height: 32px; height: 32px;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 700px) {
.section-cards { .section-cards {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
body { body {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;

4
src/khoj/interface/web/chat.html
View file

@ -465,7 +465,7 @@
padding: 2px 4px; padding: 2px 4px;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
body { body {
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: auto auto minmax(80px, 100%) auto; grid-template-rows: auto auto minmax(80px, 100%) auto;
@ -485,7 +485,7 @@
padding: 0; padding: 0;
} }
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 700px) {
body { body {
grid-template-columns: auto min(70vw, 100%) auto; grid-template-columns: auto min(70vw, 100%) auto;
grid-template-rows: auto auto minmax(80px, 100%) auto; grid-template-rows: auto auto minmax(80px, 100%) auto;

6
src/khoj/interface/web/index.html
View file

@ -300,7 +300,7 @@
</body> </body>
<style> <style>
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
body { body {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -311,7 +311,7 @@
grid-column: 1; grid-column: 1;
} }
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 700px) {
body { body {
display: grid; display: grid;
grid-template-columns: 1fr min(70vw, 100%) 1fr; grid-template-columns: 1fr min(70vw, 100%) 1fr;
@ -495,7 +495,7 @@
box-shadow: 0 0 11px #aaa; box-shadow: 0 0 11px #aaa;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
a.khoj-banner { a.khoj-banner {
display: block; display: block;
} }

6
src/khoj/interface/web/login.html
View file

@ -58,7 +58,7 @@
</body> </body>
<style> <style>
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
body { body {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -69,7 +69,7 @@
grid-column: 1; grid-column: 1;
} }
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 700px) {
body { body {
display: grid; display: grid;
grid-template-columns: 1fr min(70vw, 100%) 1fr; grid-template-columns: 1fr min(70vw, 100%) 1fr;
@ -150,7 +150,7 @@
font-size: x-large; font-size: x-large;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 700px) {
a.khoj-banner { a.khoj-banner {
display: block; display: block;
} }