multimodalart HF staff commited on
Commit
1287b23
β€’
1 Parent(s): b6a8c7c

Update custom.css

Browse files
Files changed (1) hide show
  1. custom.css +8 -4
custom.css CHANGED
@@ -3,7 +3,7 @@
3
  #title img{width: 100px; margin-right: 0.5em}
4
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
5
  #run_button{position:absolute;margin-top: 11px;right: 0;margin-right: 0.8em;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
6
- #gallery{display:flex;}
7
  #gallery .grid-wrap{min-height: 100%;}
8
  #accordion code{word-break: break-all;word-wrap: break-word;white-space: pre-wrap}
9
  #soon{opacity: 0.55; pointer-events: none}
@@ -20,11 +20,15 @@ div#share-btn-container > div {flex-direction: row;background: black;align-items
20
  .pending .min {min-height: auto}
21
  #gallery_box{padding-top: 0}
22
  #gallery_box .form{border: 0 !important}
23
- #order_radio{border: 0;padding-left: 0}
24
  #order_radio .form{border:0 !important; padding-bottom: 0.25em}
25
- #order_radio [data-testid="block-info"]{float: left;margin-top: 2px;margin-right: 6px}
26
  #order_radio label{padding: 0.25em 0.75em !important;font-size: 85% !important}
27
- @media (max-width: 600px) {
 
 
 
 
28
  #title h1{font-size: 2.2em}
29
  #title img{width: 80px;}
30
  #gallery {max-height: 370px}
 
3
  #title img{width: 100px; margin-right: 0.5em}
4
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
5
  #run_button{position:absolute;margin-top: 11px;right: 0;margin-right: 0.8em;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
6
+ #gallery{display:flex; border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent}
7
  #gallery .grid-wrap{min-height: 100%;}
8
  #accordion code{word-break: break-all;word-wrap: break-word;white-space: pre-wrap}
9
  #soon{opacity: 0.55; pointer-events: none}
 
20
  .pending .min {min-height: auto}
21
  #gallery_box{padding-top: 0}
22
  #gallery_box .form{border: 0 !important}
23
+ #order_radio{border: 0;padding: 0.5em;}
24
  #order_radio .form{border:0 !important; padding-bottom: 0.25em}
25
+ #order_radio [data-testid="block-info"]{float: left;margin-top: 2px;margin-right: 6px; margin-bottom: 0}
26
  #order_radio label{padding: 0.25em 0.75em !important;font-size: 85% !important}
27
+ #gallery_new{border-bottom-left-radius: 0; border-bottom-right-radius:0; border-bottom-color: transparent; height: 160px}
28
+ @media(max-width: 1280px){
29
+ #gallery_new{height: 210px}
30
+ }
31
+ @media (max-width: 700px) {
32
  #title h1{font-size: 2.2em}
33
  #title img{width: 80px;}
34
  #gallery {max-height: 370px}