Hugging Face's logo

Spaces:
UcsTurkey
/
flare
Running

App Files Community
1
ciyidogan commited on
Commit
1dfc709
·
verified ·
1 Parent(s): e71bc3c

Update flare-ui/src/app/dialogs/intent-edit-dialog/intent-edit-dialog.component.scss

Browse files
Files changed (1) hide show
  1. flare-ui/src/app/dialogs/intent-edit-dialog/intent-edit-dialog.component.scss +148 -133
flare-ui/src/app/dialogs/intent-edit-dialog/intent-edit-dialog.component.scss CHANGED
@@ -1,134 +1,149 @@
1
- mat-dialog-content {
2
- min-width: 700px;
3
- max-width: 900px;
4
- max-height: 70vh;
5
- padding: 0;
6
- }
7
-
8
- .tab-content {
9
- padding: 24px;
10
- }
11
-
12
- .full-width {
13
- width: 100%;
14
- margin-bottom: 16px;
15
- }
16
-
17
- h4 {
18
- margin: 24px 0 16px 0;
19
- color: rgba(0, 0, 0, 0.87);
20
- }
21
-
22
- mat-divider {
23
- margin: 24px 0;
24
- }
25
-
26
- // Examples Tab
27
- .examples-section {
28
- .add-example {
29
- display: flex;
30
- gap: 16px;
31
- align-items: flex-start;
32
- margin-bottom: 24px;
33
-
34
- .example-input {
35
- flex: 1;
36
- }
37
- }
38
-
39
- .examples-list {
40
- border: 1px solid #e0e0e0;
41
- border-radius: 4px;
42
- padding: 0;
43
-
44
- mat-list-item {
45
- border-bottom: 1px solid #f5f5f5;
46
-
47
- &:last-child {
48
- border-bottom: none;
49
- }
50
-
51
- &:hover {
52
- background-color: #f5f5f5;
53
- }
54
- }
55
- }
56
- }
57
-
58
- // Parameters Tab
59
- .parameters-header {
60
- display: flex;
61
- justify-content: space-between;
62
- align-items: center;
63
- margin-bottom: 16px;
64
-
65
- h4 {
66
- margin: 0;
67
- }
68
- }
69
-
70
- .parameters-list {
71
- mat-expansion-panel {
72
- margin-bottom: 8px;
73
-
74
- mat-chip-listbox {
75
- margin-left: 16px;
76
-
77
- mat-chip {
78
- font-size: 11px;
79
- min-height: 20px;
80
- padding: 2px 8px;
81
- }
82
- }
83
- }
84
-
85
- .parameter-content {
86
- padding: 16px;
87
-
88
- .parameter-grid {
89
- display: grid;
90
- grid-template-columns: 1fr 1fr;
91
- gap: 16px;
92
- margin-bottom: 16px;
93
- }
94
-
95
- mat-checkbox {
96
- margin-bottom: 16px;
97
- }
98
-
99
- .parameter-actions {
100
- display: flex;
101
- align-items: center;
102
- margin-top: 16px;
103
- padding-top: 16px;
104
- border-top: 1px solid #e0e0e0;
105
-
106
- .spacer {
107
- flex: 1;
108
- }
109
- }
110
- }
111
- }
112
-
113
- .empty-state {
114
- text-align: center;
115
- padding: 40px 20px;
116
-
117
- mat-icon {
118
- font-size: 48px;
119
- width: 48px;
120
- height: 48px;
121
- color: #e0e0e0;
122
- margin-bottom: 16px;
123
- }
124
-
125
- p {
126
- color: #666;
127
- margin: 0;
128
- }
129
- }
130
-
131
- mat-dialog-actions {
132
- padding: 16px 24px;
133
- margin: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
  }
 
1
+ mat-dialog-content {
2
+ min-width: 700px;
3
+ max-width: 900px;
4
+ max-height: 70vh;
5
+ padding: 0;
6
+ }
7
+
8
+ .tab-content {
9
+ padding: 24px;
10
+ }
11
+
12
+ .full-width {
13
+ width: 100%;
14
+ margin-bottom: 16px;
15
+ }
16
+
17
+ h4 {
18
+ margin: 24px 0 16px 0;
19
+ color: rgba(0, 0, 0, 0.87);
20
+ }
21
+
22
+ mat-divider {
23
+ margin: 24px 0;
24
+ }
25
+
26
+ // Examples Tab
27
+ .examples-section {
28
+ .examples-header {
29
+ display: flex;
30
+ align-items: center;
31
+ gap: 16px;
32
+ margin-bottom: 16px;
33
+
34
+ h4 {
35
+ margin: 0;
36
+ }
37
+
38
+ .locale-selector {
39
+ width: 150px;
40
+ }
41
+ }
42
+
43
+ .add-example {
44
+ display: flex;
45
+ gap: 16px;
46
+ align-items: flex-start;
47
+ margin-bottom: 24px;
48
+
49
+ .example-input {
50
+ flex: 1;
51
+ }
52
+ }
53
+
54
+ .examples-list {
55
+ border: 1px solid #e0e0e0;
56
+ border-radius: 4px;
57
+ padding: 0;
58
+
59
+ mat-list-item {
60
+ border-bottom: 1px solid #f5f5f5;
61
+
62
+ &:last-child {
63
+ border-bottom: none;
64
+ }
65
+
66
+ &:hover {
67
+ background-color: #f5f5f5;
68
+ }
69
+ }
70
+ }
71
+ }
72
+
73
+ // Parameters Tab
74
+ .parameters-header {
75
+ display: flex;
76
+ justify-content: space-between;
77
+ align-items: center;
78
+ margin-bottom: 16px;
79
+
80
+ h4 {
81
+ margin: 0;
82
+ }
83
+ }
84
+
85
+ .parameters-list {
86
+ mat-expansion-panel {
87
+ margin-bottom: 8px;
88
+
89
+ mat-chip-listbox {
90
+ margin-left: 16px;
91
+
92
+ mat-chip {
93
+ font-size: 11px;
94
+ min-height: 20px;
95
+ padding: 2px 8px;
96
+ }
97
+ }
98
+ }
99
+
100
+ .parameter-content {
101
+ padding: 16px;
102
+
103
+ .parameter-grid {
104
+ display: grid;
105
+ grid-template-columns: 1fr 1fr;
106
+ gap: 16px;
107
+ margin-bottom: 16px;
108
+ }
109
+
110
+ mat-checkbox {
111
+ margin-bottom: 16px;
112
+ }
113
+
114
+ .parameter-actions {
115
+ display: flex;
116
+ align-items: center;
117
+ margin-top: 16px;
118
+ padding-top: 16px;
119
+ border-top: 1px solid #e0e0e0;
120
+
121
+ .spacer {
122
+ flex: 1;
123
+ }
124
+ }
125
+ }
126
+ }
127
+
128
+ .empty-state {
129
+ text-align: center;
130
+ padding: 40px 20px;
131
+
132
+ mat-icon {
133
+ font-size: 48px;
134
+ width: 48px;
135
+ height: 48px;
136
+ color: #e0e0e0;
137
+ margin-bottom: 16px;
138
+ }
139
+
140
+ p {
141
+ color: #666;
142
+ margin: 0;
143
+ }
144
+ }
145
+
146
+ mat-dialog-actions {
147
+ padding: 16px 24px;
148
+ margin: 0;
149
  }