Skip to content

Commit 7441c84

Browse files
retspenretspen
committed
Moved static file
1 parent 36ffbe1 commit 7441c84

File tree

2 files changed

+226
-0
lines changed

2 files changed

+226
-0
lines changed

‎static/admin/css/main.css

+225
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,225 @@
1+
.table-container {
2+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5+
overflow: hidden;
6+
border-radius: 0.5rem;
7+
}
8+
9+
.table-container th.asc:after {
10+
content: '\0000a0\0025b2';
11+
float: right;
12+
}
13+
14+
.table-container th.desc:after {
15+
content: '\0000a0\0025bc';
16+
float: right;
17+
}
18+
19+
.table-container table {
20+
width: 100%;
21+
font-size: 0.875rem;
22+
line-height: 1.25rem;
23+
}
24+
25+
.table-container table>thead {
26+
--tw-bg-opacity: 1;
27+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
28+
text-align: left;
29+
font-size: 0.75rem;
30+
line-height: 1rem;
31+
text-transform: uppercase;
32+
--tw-text-opacity: 1;
33+
color: rgb(64 64 64 / var(--tw-text-opacity));
34+
--tw-divide-opacity: 1;
35+
border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
36+
border-bottom-width: 1px;
37+
}
38+
39+
.table-container table>thead>tr>th {
40+
white-space: nowrap;
41+
padding: 0.75rem;
42+
font-weight: 600;
43+
}
44+
45+
.table-container table>tbody>tr:not(:last-child) {
46+
border-bottom-width: 1px;
47+
--tw-border-opacity: 1;
48+
border-color: rgb(245 245 245 / var(--tw-border-opacity));
49+
}
50+
51+
.table-container table>tbody>tr>td {
52+
white-space: nowrap;
53+
padding-top: 1rem;
54+
padding-bottom: 1rem;
55+
padding-left: 0.75rem;
56+
padding-right: 0.75rem;
57+
}
58+
59+
.table-container table>tbody {
60+
background-color: white;
61+
}
62+
63+
.table-container>nav>ul {
64+
margin-top: 1rem;
65+
display: flex;
66+
align-items: center;
67+
justify-content: center;
68+
}
69+
70+
.table-container>nav>ul> :not([hidden])~ :not([hidden]) {
71+
--tw-space-x-reverse: 0;
72+
margin-right: calc(-1px * var(--tw-space-x-reverse));
73+
margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
74+
}
75+
76+
.table-container>nav>ul button {
77+
border-width: 1px;
78+
padding-left: 0.875rem;
79+
padding-right: 0.875rem;
80+
padding-top: 0.375rem;
81+
padding-bottom: 0.375rem;
82+
font-size: 0.875rem;
83+
line-height: 1.25rem;
84+
font-weight: 500;
85+
--tw-text-opacity: 1;
86+
color: rgb(115 115 115 / var(--tw-text-opacity));
87+
}
88+
89+
.table-container>nav>ul>li:first-child>button {
90+
border-top-left-radius: 0.5rem;
91+
border-bottom-left-radius: 0.5rem;
92+
}
93+
94+
.table-container>nav>ul>li:last-child>button {
95+
border-top-right-radius: 0.5rem;
96+
border-bottom-right-radius: 0.5rem;
97+
}
98+
99+
.table-container th[data-type="action"] {
100+
text-align: end;
101+
}
102+
103+
.table-container td[data-type="action"]> :not([hidden])~ :not([hidden]) {
104+
--tw-space-x-reverse: 0;
105+
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
106+
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
107+
}
108+
109+
.table-container td[data-type="action"] {
110+
text-align: end;
111+
}
112+
113+
.progress {
114+
height: 4px;
115+
width: 100%;
116+
border-radius: 2px;
117+
background-clip: padding-box;
118+
overflow: hidden;
119+
position: relative;
120+
opacity: 0;
121+
}
122+
123+
.htmx-request .progress {
124+
opacity: 1;
125+
}
126+
127+
.htmx-request.progress {
128+
opacity: 1;
129+
}
130+
131+
.progress .indeterminate {
132+
background-color: blue;
133+
}
134+
135+
.progress .indeterminate:before {
136+
content: '';
137+
position: absolute;
138+
background-color: inherit;
139+
top: 0;
140+
left: 0;
141+
bottom: 0;
142+
will-change: left, right;
143+
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
144+
}
145+
146+
.progress .indeterminate:after {
147+
content: '';
148+
position: absolute;
149+
background-color: inherit;
150+
top: 0;
151+
left: 0;
152+
bottom: 0;
153+
will-change: left, right;
154+
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
155+
animation-delay: 1.15s;
156+
}
157+
158+
@keyframes indeterminate {
159+
0% {
160+
left: -35%;
161+
right: 100%;
162+
}
163+
164+
60% {
165+
left: 100%;
166+
right: -90%;
167+
}
168+
169+
100% {
170+
left: 100%;
171+
right: -90%;
172+
}
173+
}
174+
175+
@keyframes indeterminate-short {
176+
0% {
177+
left: -200%;
178+
right: 100%;
179+
}
180+
181+
60% {
182+
left: 107%;
183+
right: -8%;
184+
}
185+
186+
100% {
187+
left: 107%;
188+
right: -8%;
189+
}
190+
}
191+
192+
.input {
193+
display: block;
194+
height: 2.5rem;
195+
width: 100%;
196+
-webkit-appearance: none;
197+
-moz-appearance: none;
198+
appearance: none;
199+
border-radius: 0.5rem;
200+
border-width: 1px;
201+
border-color: rgb(212 212 212 / var(--tw-border-opacity));
202+
--tw-border-opacity: 1;
203+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
204+
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
205+
--tw-bg-opacity: 1;
206+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
207+
padding-top: 0.5rem;
208+
padding-bottom: 0.5rem;
209+
padding-left: 1rem;
210+
padding-right: 1rem;
211+
line-height: 1.5;
212+
--tw-text-opacity: 1;
213+
color: rgb(55 65 81 / var(--tw-text-opacity));
214+
outline: 2px solid transparent;
215+
outline-offset: 2px;
216+
}
217+
218+
.input:focus {}
219+
220+
@media (min-width: 640px) {
221+
.input {
222+
font-size: 0.875rem;
223+
line-height: 1.25rem;
224+
}
225+
}

0 commit comments

Comments
 (0)