Migration
This is my new public git source viewer. Source coming soon. Please contact with concerns/bugs.
Contact me
static/css/share.css
83aa601b98007ead72afeadb131a93d5694e04ca
· 1.1 KB · 63 lines
raw
| 1 | /* Share link pages: mint form, password prompt. Small and self-contained, |
| 2 | built on base.css's tokens rather than introducing new ones. */ |
| 3 | |
| 4 | .share-form { |
| 5 | display: flex; |
| 6 | flex-direction: column; |
| 7 | gap: 1rem; |
| 8 | max-width: 32rem; |
| 9 | margin-top: 1rem; |
| 10 | } |
| 11 | |
| 12 | .share-repos { |
| 13 | border: 1px solid var(--line); |
| 14 | border-radius: var(--r-sm); |
| 15 | padding: .75rem 1rem; |
| 16 | display: flex; |
| 17 | flex-direction: column; |
| 18 | gap: .5rem; |
| 19 | } |
| 20 | |
| 21 | .share-repos legend { |
| 22 | padding: 0 .4rem; |
| 23 | color: var(--fg-muted); |
| 24 | font-size: .8rem; |
| 25 | } |
| 26 | |
| 27 | .share-repo { |
| 28 | display: flex; |
| 29 | align-items: baseline; |
| 30 | gap: .5rem; |
| 31 | } |
| 32 | |
| 33 | .share-repo-title { color: var(--fg); } |
| 34 | |
| 35 | .share-maxage { |
| 36 | color: var(--fg-muted); |
| 37 | font-size: .78rem; |
| 38 | margin-left: auto; |
| 39 | } |
| 40 | |
| 41 | .share-field { |
| 42 | display: flex; |
| 43 | flex-direction: column; |
| 44 | gap: .3rem; |
| 45 | font-size: .85rem; |
| 46 | color: var(--fg-muted); |
| 47 | } |
| 48 | |
| 49 | .share-field input { |
| 50 | font: inherit; |
| 51 | color: var(--fg); |
| 52 | background: var(--bg); |
| 53 | border: 1px solid var(--line); |
| 54 | border-radius: var(--r-sm); |
| 55 | padding: .4rem .6rem; |
| 56 | } |
| 57 | |
| 58 | .share-link { word-break: break-all; } |
| 59 | |
| 60 | .share-hint { |
| 61 | color: var(--fg-muted); |
| 62 | font-size: .82rem; |
| 63 | } |