Skip to content

Commit 8e25715

Browse files
Merge pull request #10 from app-generator/version-upgrade-v2
Fallback to previous version
2 parents 4bf10a2 + 85923f6 commit 8e25715

File tree

3 files changed

+3788
-3150
lines changed

3 files changed

+3788
-3150
lines changed

apps/static/assets/style.css

+45-43
Original file line numberDiff line numberDiff line change
@@ -1,173 +1,175 @@
1-
@import "tailwindcss";
2-
@custom-variant dark (&:where(.dark, .dark *));
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
34

45
/* chart styles */
56
.apexcharts-tooltip {
6-
@apply !bg-white dark:!bg-gray-700 !text-gray-500 dark:!text-gray-400 !border-0 !rounded-lg !shadow-lg;
7+
@apply bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-400 border-0 rounded-lg shadow-lg !important;
78
}
89

910
.apexcharts-tooltip .apexcharts-tooltip-title {
10-
@apply !py-2 !px-4 !bg-gray-100 dark:!bg-gray-600 !border-b !border-gray-200 dark:!border-gray-500;
11+
@apply py-2 px-4 bg-gray-100 dark:bg-gray-600 border-b border-gray-200 dark:border-gray-500 !important;
1112
}
1213

1314
.apexcharts-xaxistooltip {
14-
@apply !text-gray-500 !border-0 !bg-white dark:!bg-gray-700 dark:!text-gray-300 !rounded-lg !shadow-lg;
15+
@apply text-gray-500 border-0 bg-white dark:bg-gray-700 dark:text-gray-300 rounded-lg shadow-lg !important;
1516
}
1617

1718
.apexcharts-tooltip .apexcharts-tooltip-text-y-value {
18-
@apply dark:!text-white;
19+
@apply dark:text-white;
1920
}
2021

2122
.apexcharts-xaxistooltip-text {
22-
@apply !font-medium !text-sm;
23+
@apply font-medium text-sm !important;
2324
}
2425

2526
.apexcharts-xaxistooltip:before,
2627
.apexcharts-xaxistooltip:after {
27-
@apply !border-0;
28+
@apply border-0 !important;
2829
}
2930

3031
/* SVG map styles */
3132
.svgMap-map-wrapper {
32-
@apply !bg-white;
33+
@apply bg-white !important;
3334
}
3435

3536
.svgMap-map-image {
36-
@apply dark:!bg-gray-800;
37+
@apply dark:bg-gray-800;
3738
}
3839

3940
.svgMap-map-controls-wrapper {
40-
@apply !shadow-none !left-0 !bottom-0 dark:!bg-gray-800;
41+
@apply shadow-none left-0 bottom-0 dark:bg-gray-800 !important;
4142
}
4243

4344
.svgMap-map-controls-zoom {
44-
@apply dark:!bg-gray-800;
45+
@apply dark:bg-gray-800 !important;
4546
}
4647

47-
.svgMap-map-wrapper .svgMap-control-button {
48-
@apply !rounded-lg !border-solid !border !border-gray-300 hover:!bg-gray-100 dark:!border-gray-600 dark:hover:!bg-gray-600;
48+
.svgMap-map-wrapper .svgMap-control-button {
49+
@apply rounded-lg border-solid border border-gray-300 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600 !important;
4950
}
5051

5152
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:after,
5253
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
53-
@apply dark:!bg-gray-600 dark:hover:!bg-gray-500;
54+
@apply dark:bg-gray-600 dark:hover:bg-gray-500;
5455
}
5556

5657
.svgMap-map-wrapper .svgMap-control-button:first-child {
57-
@apply !mr-2;
58+
@apply mr-2 !important;
5859
}
5960

6061
.svgMap-tooltip {
61-
@apply !bg-white dark:!bg-gray-700 !shadow-lg !rounded-lg !border-0 !text-left;
62+
@apply bg-white dark:bg-gray-700 shadow-lg rounded-lg border-0 text-left !important;
6263
}
6364

6465
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
65-
@apply !inline-block !mr-2 !text-left !border-0 !p-0;
66+
@apply inline-block mr-2 text-left border-0 p-0 !important;
6667
}
6768

6869
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
69-
@apply !inline-block !border-0 !h-4 !p-0;
70+
@apply inline-block border-0 h-4 p-0 !important;
7071
}
7172

7273
.svgMap-tooltip .svgMap-tooltip-title {
73-
@apply !inline-block !pt-2 !text-gray-900 dark:!text-white !font-semibold !text-sm;
74+
@apply inline-block pt-2 text-gray-900 dark:text-white font-semibold text-sm !important;
7475
}
7576

7677
.svgMap-tooltip .svgMap-tooltip-content {
77-
@apply !mt-0;
78+
@apply mt-0 !important;
7879
}
7980

8081
.svgMap-tooltip .svgMap-tooltip-content table td {
81-
@apply !text-sm !text-left !text-gray-500 dark:!text-gray-400 !font-normal;
82+
@apply text-sm text-left text-gray-500 dark:text-gray-400 font-normal !important;
8283
}
8384

8485
.svgMap-tooltip .svgMap-tooltip-content table td span {
85-
@apply !text-sm !text-left !text-gray-900 dark:!text-white !font-semibold;
86+
@apply text-sm text-left text-gray-900 dark:text-white font-semibold !important;
8687
}
8788

8889
.svgMap-tooltip .svgMap-tooltip-pointer {
89-
@apply !hidden;
90+
@apply hidden !important;
9091
}
9192

9293
.svgMap-map-wrapper .svgMap-country {
93-
@apply dark:!stroke-gray-800;
94+
@apply dark:stroke-gray-800;
9495
}
9596

9697
/* kanban styles */
9798

9899
.drag-card {
99-
@apply !opacity-100;
100-
@apply !rotate-6;
100+
@apply opacity-100 !important;
101+
@apply rotate-6;
101102
}
102103

103104
.ghost-card {
104-
@apply !bg-gray-100/40 dark:!bg-gray-600/40;
105+
@apply bg-gray-100/40 dark:bg-gray-600/40 !important;
105106
}
106107

107108
/* calendar styles */
108109

109110
.fc .fc-toolbar {
110-
@apply !flex-row-reverse !justify-end !px-4;
111+
@apply flex-row-reverse justify-end px-4 !important;
111112
}
112113

113114
.fc .fc-toolbar.fc-header-toolbar {
114-
@apply !mb-5;
115+
@apply mb-5 !important;
115116
}
116117

117118
.fc .fc-toolbar-title {
118-
@apply !text-lg !text-gray-900 !font-semibold;
119+
@apply text-lg text-gray-900 font-semibold !important;
119120
}
120121

121122
.fc .fc-today-button {
122-
@apply !rounded-lg !border !border-gray-200 !bg-white !text-sm !font-medium !px-4 !py-2 !text-gray-900 hover:!bg-gray-100 hover:!text-blue-700 focus:!z-10 focus:!ring-2 focus:!ring-blue-700 focus:!text-blue-700;
123+
@apply rounded-lg border border-gray-200 bg-white text-sm font-medium px-4 py-2 text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-primary-700 !important;
123124
}
124125

125126
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
126-
@apply !mx-2;
127+
@apply mx-2 !important;
127128
}
128129

129130
.fc .fc-button-group .fc-prev-button,
130131
.fc .fc-button-group .fc-next-button {
131-
@apply !bg-white !border-0 !text-gray-500 hover:!text-gray-900 !cursor-pointer !p-2 hover:!bg-gray-100 !rounded !inline-flex focus:!bg-gray-100 focus:!ring-1 focus:!ring-gray-100 !justify-center;
132+
@apply bg-white border-0 text-gray-500 hover:text-gray-900 cursor-pointer p-2 hover:bg-gray-100 rounded inline-flex focus:bg-gray-100 focus:ring-1 focus:ring-gray-100 justify-center !important;
132133
}
133134

134135
.fc .fc-scrollgrid {
135-
@apply !border-l-0 !border-gray-200;
136+
@apply border-l-0 border-gray-200 !important;
136137
}
137138

138139
.fc .fc-daygrid-day-frame {
139-
@apply !border-gray-200;
140+
@apply border-gray-200 !important;
140141
}
141142

142143
.fc .fc-col-header-cell-cushion {
143-
@apply !py-3 !text-base !text-gray-900 !font-semibold;
144+
@apply py-3 text-base text-gray-900 font-semibold !important;
144145
}
145146

146147
.fc-theme-standard th {
147-
@apply !border-0 !border-b !border-gray-200;
148+
@apply border-0 border-b border-gray-200 !important;
148149
}
149150

150151
.fc-direction-ltr .fc-daygrid-event.fc-event-end {
151-
@apply !mr-2;
152+
@apply mr-2 !important;
152153
}
153154

154155
.fc-direction-ltr .fc-daygrid-event.fc-event-start {
155-
@apply !ml-2;
156+
@apply ml-2 !important;
156157
}
157158

158159
.fc .fc-event .fc-event-main {
159-
@apply !p-2 !bg-blue-700 hover:!bg-blue-800;
160+
@apply p-2 bg-primary-700 hover:bg-primary-800 !important;
160161
}
161162

162163
.fc .fc-h-event .fc-event-main-frame {
163-
@apply !text-xs !font-semibold;
164+
@apply text-xs font-semibold !important;
164165
}
165166

166167
.fc .fc-daygrid-day-frame {
167-
@apply hover:!bg-gray-50 !cursor-pointer;
168+
@apply hover:bg-gray-50 cursor-pointer !important;
168169
}
169170

170171
/* feed styles */
172+
171173
@media (min-width: 1280px) {
172174
.feed-container {
173175
height: calc(100vh - 4rem);

0 commit comments

Comments
 (0)