Delete button.ts
Browse files
button.ts
DELETED
@@ -1,125 +0,0 @@
|
|
1 |
-
import { Theme, css } from 'antd-style';
|
2 |
-
|
3 |
-
export default (token: Theme) => css`
|
4 |
-
button {
|
5 |
-
cursor: pointer;
|
6 |
-
min-width: fit-content !important;
|
7 |
-
|
8 |
-
&.gradio-button {
|
9 |
-
&.tool {
|
10 |
-
display: flex;
|
11 |
-
align-items: center;
|
12 |
-
justify-content: center;
|
13 |
-
|
14 |
-
width: 36px;
|
15 |
-
min-width: 36px !important;
|
16 |
-
max-width: 36px !important;
|
17 |
-
height: 36px;
|
18 |
-
min-height: 36px !important;
|
19 |
-
max-height: 36px;
|
20 |
-
padding: 0;
|
21 |
-
|
22 |
-
font-size: 14px;
|
23 |
-
line-height: 1;
|
24 |
-
|
25 |
-
background: ${token.colorFillSecondary};
|
26 |
-
border: 1px solid ${token.colorBorderSecondary};
|
27 |
-
border-radius: ${token.borderRadius}px;
|
28 |
-
|
29 |
-
&:hover {
|
30 |
-
background: ${token.colorFill};
|
31 |
-
}
|
32 |
-
|
33 |
-
&.lg {
|
34 |
-
}
|
35 |
-
}
|
36 |
-
|
37 |
-
&.secondary,
|
38 |
-
&.primary {
|
39 |
-
overflow: hidden;
|
40 |
-
flex: 1;
|
41 |
-
|
42 |
-
font-size: 14px;
|
43 |
-
line-height: 2;
|
44 |
-
text-overflow: ellipsis;
|
45 |
-
|
46 |
-
&:active {
|
47 |
-
box-shadow: ${token.boxShadowSecondary};
|
48 |
-
}
|
49 |
-
}
|
50 |
-
|
51 |
-
&.secondary {
|
52 |
-
font-weight: 500;
|
53 |
-
background: ${token.colorFillTertiary};
|
54 |
-
border: 1px solid ${token.colorBorderSecondary};
|
55 |
-
border-radius: ${token.borderRadius}px !important;
|
56 |
-
|
57 |
-
&:hover {
|
58 |
-
color: ${token.colorText};
|
59 |
-
background: ${token.colorFill};
|
60 |
-
border-color: ${token.colorBorder};
|
61 |
-
}
|
62 |
-
}
|
63 |
-
|
64 |
-
&:not(.tool, .svelte-1p4r00v) {
|
65 |
-
&.primary,
|
66 |
-
&.secondary {
|
67 |
-
&.lg {
|
68 |
-
height: 44px !important;
|
69 |
-
min-height: 44px !important;
|
70 |
-
max-height: 44px !important;
|
71 |
-
}
|
72 |
-
}
|
73 |
-
}
|
74 |
-
|
75 |
-
&[id$='_generate'] {
|
76 |
-
height: 44px !important;
|
77 |
-
min-height: 44px !important;
|
78 |
-
max-height: 44px !important;
|
79 |
-
}
|
80 |
-
|
81 |
-
&[id$='_interrupt'] {
|
82 |
-
min-width: 0;
|
83 |
-
border-right: none !important;
|
84 |
-
border-radius: ${token.borderRadius}px 0 0 ${token.borderRadius}px !important;
|
85 |
-
}
|
86 |
-
|
87 |
-
&[id$='_skip'] {
|
88 |
-
min-width: 0;
|
89 |
-
border-radius: 0 ${token.borderRadius}px ${token.borderRadius}px 0 !important;
|
90 |
-
}
|
91 |
-
|
92 |
-
&[id$='_interrupt'],
|
93 |
-
&[id$='_skip'] {
|
94 |
-
color: #fff !important;
|
95 |
-
background: ${token.colorError} !important;
|
96 |
-
|
97 |
-
&:hover {
|
98 |
-
color: #fff !important;
|
99 |
-
background: ${token.colorErrorHover} !important;
|
100 |
-
}
|
101 |
-
|
102 |
-
&:active {
|
103 |
-
color: #fff !important;
|
104 |
-
background: ${token.colorErrorActive} !important;
|
105 |
-
}
|
106 |
-
}
|
107 |
-
|
108 |
-
&#interrogate,
|
109 |
-
&#deepbooru {
|
110 |
-
display: block !important;
|
111 |
-
}
|
112 |
-
}
|
113 |
-
}
|
114 |
-
|
115 |
-
div[id^='image_buttons_'] {
|
116 |
-
flex-wrap: wrap;
|
117 |
-
gap: 4px !important;
|
118 |
-
|
119 |
-
> button {
|
120 |
-
flex: 1;
|
121 |
-
min-width: min(30%, 56px);
|
122 |
-
font-size: 12px !important;
|
123 |
-
}
|
124 |
-
}
|
125 |
-
`;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|