quasar-ui-danx 0.3.12 → 0.3.13

Sign up to get free protection for your applications and to get access to all the features.
@@ -81,7 +81,7 @@ const isCollapsed = ref(getItem(props.name + "-is-collapsed", props.collapse));
81
81
 
82
82
  function setCollapse(state) {
83
83
  isCollapsed.value = state;
84
- setItem(props.name + "-is-collapsed", isCollapsed.value ? "1" : "");
84
+ setItem(props.name + "-is-collapsed", !!isCollapsed.value);
85
85
  }
86
86
 
87
87
  function toggleCollapse() {
@@ -1,32 +1,76 @@
1
- .q-tab {
2
- text-transform: capitalize
3
- }
1
+ #primary-layout {
2
+ .q-tab {
3
+ text-transform: capitalize
4
+ }
5
+
6
+ .q-table__card {
7
+ background: inherit;
8
+ color: inherit;
9
+ }
4
10
 
5
- .q-tab-panels {
6
- overflow: visible;
11
+ .q-checkbox__inner {
12
+ color: inherit;
13
+ }
7
14
 
8
- .q-panel {
15
+ .q-tab-panels {
9
16
  overflow: visible;
10
17
 
11
- &.scroll {
12
- overflow: auto;
18
+ .q-panel {
19
+ overflow: visible;
20
+
21
+ &.scroll {
22
+ overflow: auto;
23
+ }
24
+
25
+ .q-tab-panel {
26
+ padding: 0;
27
+ }
13
28
  }
14
29
 
15
- .q-tab-panel {
16
- padding: 0;
30
+ &.overflow-y-auto {
31
+ overflow-y: auto;
17
32
  }
18
33
  }
19
34
 
20
- &.overflow-y-auto {
21
- overflow-y: auto;
35
+ .q-toolbar {
36
+ min-height: 0;
37
+ padding: 0;
22
38
  }
23
- }
24
39
 
25
- .q-toolbar {
26
- min-height: 0;
27
- padding: 0;
28
- }
40
+ .q-notification__actions {
41
+ color: inherit;
42
+ }
43
+
44
+ .q-date {
45
+ min-width: 100px;
29
46
 
30
- .q-notification__actions {
31
- color: inherit;
47
+ .q-date__view {
48
+ min-height: 0;
49
+ }
50
+ }
51
+
52
+ .q-field {
53
+ &.q-field--auto-height {
54
+ .q-field__control {
55
+ min-height: 0;
56
+
57
+ .q-field__native {
58
+ min-height: 0;
59
+ color: inherit;
60
+ }
61
+ }
62
+
63
+ .q-field__control-container {
64
+ padding-top: 1.1rem;
65
+ }
66
+ }
67
+
68
+ .q-field__label {
69
+ color: inherit;
70
+ }
71
+
72
+ .q-field__marginal {
73
+ color: inherit;
74
+ }
75
+ }
32
76
  }
@@ -0,0 +1,19 @@
1
+ .dx-table-summary-tr {
2
+ @apply bg-gray-100;
3
+
4
+ &.has-selection {
5
+ @apply bg-blue-600 text-white;
6
+ }
7
+
8
+ &.is-loading {
9
+ @apply opacity-50;
10
+ }
11
+
12
+ .dx-table-summary-td {
13
+ @apply font-bold bg-gray-100 pl-5;
14
+
15
+ &.has-selection {
16
+ @apply bg-blue-600 text-white pl-4;
17
+ }
18
+ }
19
+ }
@@ -0,0 +1 @@
1
+ @import "action-table";