A photo manager for VRChat.
phaz.uk
1
2.filter-options{
3 position: fixed;
4 top: 10px;
5 left: 10px;
6}
7
8.filter-container{
9 display: none;
10 position: fixed;
11 bottom: 0;
12 left: 0;
13 width: 100vw;
14 padding: 10px 200px;
15 background: rgba(85, 85, 85, 0.904);
16 transform: translateY(10px);
17 color: #fff;
18 text-align: center;
19 box-shadow: #0005 0 0 10px;
20 opacity: 0;
21 z-index: 150;
22}
23
24.filter-container > .filter-title{
25 font-size: 30px;
26}
27
28.filter-type-select{
29 display: flex;
30 justify-content: center;
31 align-items: center;
32 width: 75%;
33 margin: auto;
34}
35
36.filter-type-select > div{
37 width: 100%;
38 border: #fff 4px solid;
39 border-left: #fff 2px solid;
40 border-right: #fff 2px solid;
41 padding: 5px 0;
42 cursor: pointer;
43 user-select: none;
44 -webkit-user-select: none;
45}
46
47.filter-type-select > div:first-child{
48 border-left: #fff 4px solid;
49 border-radius: 10px 0 0 10px;
50}
51
52.filter-type-select > div:last-child{
53 border-right: #fff 4px solid;
54 border-radius: 0 10px 10px 0;
55}
56
57.filter-type-select > .selected-filter{
58 background: #00ccff55;
59}
60
61.filter-search{
62 margin-top: 10px;
63 padding: 5px;
64 border: #fff 4px solid;
65 border-radius: 10px;
66 background: #0008;
67 outline: none;
68 color: white;
69 font-size: 15px;
70 font-family: 'Rubik';
71 width: calc(75% - 18px);
72}