Files: a2b396459b306bb343e8333456c64d1b36baab00 / app / page / imageSearch.mcss
1304 bytesRaw
1 | Page -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 | |
46 | ImageSearchDetails { |
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