FashGate commited on
Commit
05d604d
·
1 Parent(s): 86229e7

Delete button.ts

Browse files
Files changed (1) hide show
  1. button.ts +0 -125
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
- `;