git ssb

16+

Dominic / patchbay



Tree: 4f38a991eff961ff071507e747fd5dba7a2a5e94

Files: 4f38a991eff961ff071507e747fd5dba7a2a5e94 / app / page / imageSearch.mcss

1304 bytesRaw
1Page -imageSearch {
2 overflow-y: auto
3
4 display: grid
5 grid-template-columns: 95vw
6 grid-template-rows: 5rem auto
7 justify-content: center
8 align-items: start
9
10 section.settings {
11 padding: 1rem 0
12 input {
13 min-width: 20rem
14 padding: .5rem
15 }
16 }
17
18 section.results {
19 display: flex
20 justify-content: center
21 align-items: center
22 flex-wrap: wrap
23
24 div {
25 cursor: pointer
26
27 min-width: 5rem
28 min-height: 5rem
29 max-width: calc(95vw / 4 - 1rem)
30 max-height: 19rem
31
32 display: flex
33 justify-content: center
34 align-items: center
35
36 img {
37 max-width: calc(95vw / 4 - 1rem)
38 max-height: 19rem
39 }
40
41 margin: 0 1rem 1rem 0
42 }
43 }
44}
45
46ImageSearchDetails {
47 padding: 1rem
48
49 display: grid
50 justify-items: center
51
52 img {
53 max-width: 90vw
54 max-height: 80vh
55
56 margin-bottom: 1rem
57 }
58
59 div.md {
60 pre {
61 user-select: all
62 padding: .2rem
63 padding-right: 2rem
64 min-width: 39rem
65 background-color: rgba(0,0,0,.1)
66
67 text-align: right
68 margin-top: .2rem
69 display: inline-block
70 }
71 }
72
73 table {
74 tr {
75 td {
76 text-align: left
77 padding-right: .5rem
78 }
79
80 td.msg {
81 font-family: monospace
82 }
83 }
84 }
85}
86

Built with git-ssb-web