Skip to content

Commit 1c68167

Browse files
committed
Refactor CSS imports and update Tailwind version
Moved most CSS imports and custom styles from index.css to a new theme.css file for better organization. Updated Tailwind CSS version references in built CSS files from v4.1.15 to v4.1.17.
1 parent e485cd5 commit 1c68167

File tree

5 files changed

+85
-84
lines changed

5 files changed

+85
-84
lines changed

resources/css/index.css

Lines changed: 1 addition & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -2,83 +2,4 @@
22
/* @import "../../vendor/filament/filament/resources/css/base.css"; */
33
@import '../../vendor/filament/filament/resources/css/theme.css';
44

5-
@import './widgets.css';
6-
@import './forms.css';
7-
@import './tree.css';
8-
@import './layout.css';
9-
@import './cms-content.css';
10-
11-
@import './components/alert.css';
12-
@import './components/code-editor.css';
13-
@import './components/markdown-editor.css';
14-
@import './components/version-diff.css';
15-
16-
@import '../../vendor/solution-forest/inspirecms-support/resources/css/diff-viewer.css';
17-
@import '../../vendor/solution-forest/inspirecms-support/resources/dist/components/tree-node.css';
18-
@import '../../vendor/pboivin/filament-peek/resources/css/plugin.css';
19-
20-
@source "../../src/Filament/**/*.php";
21-
@source "../views/**/*.blade.php";
22-
@source "../../vendor/filament/**/*.blade.php";
23-
@source "../../vendor/solution-forest/inspirecms-support/resources/views/**/*.blade.php";
24-
@source "../../vendor/pboivin/filament-peek/resources/views/**/*.blade.php";
25-
26-
/* Media Library */
27-
.fi-body:has(.top-alert) {
28-
.fi-page :not(.media-library-browser-modal) .media-library__header {
29-
@apply top-24!;
30-
}
31-
}
32-
33-
/* Top Alert */
34-
.fi-body .top-alert.alert-dialog {
35-
@apply sticky top-0 z-20;
36-
37-
~ .fi-layout .fi-topbar,
38-
~ .fi-simple-layout > .absolute {
39-
@apply top-10!;
40-
}
41-
42-
~ .fi-layout .content-sidebar .icon-btn,
43-
~ .fi-layout .content-sidebar .content-sidebar_desktop {
44-
@apply top-26!;
45-
}
46-
}
47-
48-
/* Actions */
49-
/* Header actions on page */
50-
.fi-main .fi-header > div:nth-child(2) {
51-
@apply flex-row-reverse;
52-
}
53-
/* Modals footer actions */
54-
.fi-modal-footer-actions {
55-
@apply flex flex-row-reverse flex-wrap items-center;
56-
}
57-
/* Table actions */
58-
.fi-ta-content-grid .fi-ta-actions {
59-
@apply justify-end;
60-
}
61-
62-
/* Navigation */
63-
.fi-page-sub-navigation-sidebar-ctn {
64-
width: 13rem !important;
65-
}
66-
67-
/* Icon */
68-
.fi-icon > svg.custom-icon {
69-
stroke: currentColor;
70-
}
71-
72-
/* Hot-fix for Filament Peek spacing issue */
73-
.filament-peek-modal {
74-
--spacing: 0.25rem;
75-
}
76-
77-
/* Content Sidebar Dropdown Fix */
78-
.content-sidebar_desktop {
79-
.tree-node-item {
80-
.tree-node-actions .tree-node-action {
81-
@apply fixed! -ms-5!;
82-
}
83-
}
84-
}
5+
@import './theme.css';

resources/css/theme.css

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
@import './widgets.css';
2+
@import './forms.css';
3+
@import './tree.css';
4+
@import './layout.css';
5+
@import './cms-content.css';
6+
7+
@import './components/alert.css';
8+
@import './components/code-editor.css';
9+
@import './components/markdown-editor.css';
10+
@import './components/version-diff.css';
11+
12+
@import '../../vendor/solution-forest/inspirecms-support/resources/css/diff-viewer.css';
13+
@import '../../vendor/solution-forest/inspirecms-support/resources/dist/components/tree-node.css';
14+
@import '../../vendor/pboivin/filament-peek/resources/css/plugin.css';
15+
16+
@source "../../src/Filament/**/*.php";
17+
@source "../views/**/*.blade.php";
18+
@source "../../vendor/filament/**/*.blade.php";
19+
@source "../../vendor/solution-forest/inspirecms-support/resources/views/**/*.blade.php";
20+
@source "../../vendor/pboivin/filament-peek/resources/views/**/*.blade.php";
21+
22+
/* Media Library */
23+
.fi-body:has(.top-alert) {
24+
.fi-page :not(.media-library-browser-modal) .media-library__header {
25+
@apply top-24!;
26+
}
27+
}
28+
29+
/* Top Alert */
30+
.fi-body .top-alert.alert-dialog {
31+
@apply sticky top-0 z-20;
32+
33+
~ .fi-layout .fi-topbar,
34+
~ .fi-simple-layout > .absolute {
35+
@apply top-10!;
36+
}
37+
38+
~ .fi-layout .content-sidebar .icon-btn,
39+
~ .fi-layout .content-sidebar .content-sidebar_desktop {
40+
@apply top-26!;
41+
}
42+
}
43+
44+
/* Actions */
45+
/* Header actions on page */
46+
.fi-main .fi-header > div:nth-child(2) {
47+
@apply flex-row-reverse;
48+
}
49+
/* Modals footer actions */
50+
.fi-modal-footer-actions {
51+
@apply flex flex-row-reverse flex-wrap items-center;
52+
}
53+
/* Table actions */
54+
.fi-ta-content-grid .fi-ta-actions {
55+
@apply justify-end;
56+
}
57+
58+
/* Navigation */
59+
.fi-page-sub-navigation-sidebar-ctn {
60+
width: 13rem !important;
61+
}
62+
63+
/* Icon */
64+
.fi-icon > svg.custom-icon {
65+
stroke: currentColor;
66+
}
67+
68+
/* Hot-fix for Filament Peek spacing issue */
69+
.filament-peek-modal {
70+
--spacing: 0.25rem;
71+
}
72+
73+
/* Content Sidebar Dropdown Fix */
74+
.content-sidebar_desktop {
75+
.tree-node-item {
76+
.tree-node-actions .tree-node-action {
77+
@apply fixed! -ms-5!;
78+
}
79+
}
80+
}

resources/dist/components/alert.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

resources/dist/components/code-editor.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

resources/dist/inspirecms.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)