mirror/cowyo
1
0
Fork 0
mirror of https://github.com/schollz/cowyo.git synced 2023-08-10 21:13:00 +03:00
Code Issues Projects Releases Wiki Activity

fix styling to be mobile friendly

Browse Source
This commit is contained in:
John Nguyen 2022-08-17 12:14:10 +08:00
parent 0f55ba59c7
commit 1de39ebbb4
3 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
server/bindata.go
View File

File diff suppressed because one or more lines are too long

27
static/css/default.css
View File

@ -59,15 +59,20 @@ body#pad.HasDotInName textarea {
font-family: "Lucida Console", Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
} }
.markdown-body ul, .markdown-body ol {
/* .markdown-body ul, .markdown-body ol {
padding-left: 0em; padding-left: 0em;
} */
div#menu, div#rendered, .ChildPageNames, body#pad textarea {
padding-left: 1rem;
padding-right: 1rem;
max-width: 30em;
margin-left: auto;
margin-right: auto;
} }
@media (min-width: 5em) { @media (min-width: 5em) {
div#menu, div#rendered, .ChildPageNames, body#pad textarea {
padding-left: 2%;
padding-right: 2%;
}
.pure-menu .pure-menu-horizontal { .pure-menu .pure-menu-horizontal {
max-width: 300px; max-width: 300px;
} }
@ -80,10 +85,6 @@ body#pad.HasDotInName textarea {
} }
} }
@media (min-width: 50em) { @media (min-width: 50em) {
div#menu, div#rendered, .ChildPageNames, body#pad textarea {
padding-left: 10%;
padding-right: 10%;
}
.pure-menu-disabled, .pure-menu-heading, .pure-menu-link { .pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
padding: .5em 1em; padding: .5em 1em;
} }
@ -92,20 +93,12 @@ body#pad.HasDotInName textarea {
} }
} }
@media (min-width: 70em) { @media (min-width: 70em) {
div#menu, div#rendered, .ChildPageNames, body#pad textarea {
padding-left: 15%;
padding-right: 15%;
}
.ChildPageNames ul { .ChildPageNames ul {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
} }
@media (min-width: 100em) { @media (min-width: 100em) {
div#menu, div#rendered, .ChildPageNames, body#pad textarea {
padding-left: 20%;
padding-right: 20%;
}
.ChildPageNames ul { .ChildPageNames ul {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }

2
static/css/dropzone.css
View File

@ -175,7 +175,7 @@
.dropzone { .dropzone {
min-height: 150px; min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3); /* border: 2px solid rgba(0, 0, 0, 0.3); */
background: white; background: white;
padding: 20px 20px; } padding: 20px 20px; }
.dropzone.dz-clickable { .dropzone.dz-clickable {