railsui 3.1.0 → 3.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2d46f0e726b31faffa4eefa2d531b34ccc516d49ff77cf3d54ec72b4fa810768
|
|
4
|
+
data.tar.gz: eb35e27decefd487adf4700974eba4aa530e5b82b054974f72711afbe64e86d7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 722d9a471e6d8242824d16b328bc7d4731a293a8b96486cccef5c2a183a0068c1d745c5e3cab80cf81ff168908c9471d5a24e50c2e608232bef3035d1dd8b094
|
|
7
|
+
data.tar.gz: c57be739f7b5f00e00ef314b424a7c1680ca4a986ae1771a8817174a6ee2133d2dfde981ee51d1b44479c0bc5c10c215fb4cbedc69740bccecf06e28db47d3de
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -87,19 +87,12 @@ After installing Rails UI, run your server using the `bin/dev` command and proce
|
|
|
87
87
|
|
|
88
88
|
## Configuration
|
|
89
89
|
|
|
90
|
-
Configuration is a simple process where you configure your app's details (app name, support email),
|
|
90
|
+
Configuration is a simple process where you configure your app's details (app name, support email), and theme.
|
|
91
91
|
|
|
92
92
|
Each theme comes with different pages and are designed for different niches in mind. They reside in the `app/views/rui` directory once installed and should be treated as read-only.
|
|
93
93
|
|
|
94
94
|
**Updating your configuration at anytime will overwrite the pages and theme assets so if you want to keep your changes, you'll need to copy the files to your application in another directory.**
|
|
95
95
|
|
|
96
|
-
### Rake tasks
|
|
97
|
-
|
|
98
|
-
- `railsui:install` - Install Rails UI.
|
|
99
|
-
- `railsui:colors[theme]` - Pass a theme name to output default color palette or don't pass an argument to show active colors.
|
|
100
|
-
- `railsui:pages` - List all pages for the active theme.
|
|
101
|
-
- `railsui:pages[theme]` - List all pages for a theme name as passed.
|
|
102
|
-
|
|
103
96
|
## Themes
|
|
104
97
|
|
|
105
98
|
Themes are the core of Rails UI, combining UI components, pages, assets, JavaScript, and color palettes to help you create a professionally designed, niche application. The UI can adapt based on how you implement it.
|
|
@@ -124,9 +117,7 @@ After installing Rails UI and choosing a theme you'll find a collection of compo
|
|
|
124
117
|
|
|
125
118
|
### Color
|
|
126
119
|
|
|
127
|
-
Each theme comes with a custom color palette built on top of the default Tailwind CSS color palette. We've added two new colors for you to use in your app using Tailwind CSS classes called `primary` and `secondary`. You can change those colors any time in
|
|
128
|
-
|
|
129
|
-
Run `rails railsui:colors` to see your active colors or `rails "railsui:colors[theme]"` to see the default colors for a given theme.
|
|
120
|
+
Each theme comes with a custom color palette built on top of the default Tailwind CSS v4 color palette. We've added two new colors for you to use in your app using Tailwind CSS classes called `primary` and `secondary`. You can change those colors any time in `app/assets/stylesheets/railsui/theme.css`.
|
|
130
121
|
|
|
131
122
|
### Icons
|
|
132
123
|
|
|
@@ -24,6 +24,8 @@
|
|
|
24
24
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
25
25
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">
|
|
26
26
|
|
|
27
|
+
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
|
|
28
|
+
|
|
27
29
|
<%= yield :head %>
|
|
28
30
|
</head>
|
|
29
31
|
|
|
@@ -20,19 +20,19 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.btn-dark {
|
|
23
|
-
@apply bg-
|
|
23
|
+
@apply bg-gray-800 text-white focus:ring-gray-800/20 hover:bg-gray-900 dark:ring-gray-800/20 dark:hover:bg-gray-700 dark:hover:text-gray-100;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.btn-light {
|
|
27
|
-
@apply bg-
|
|
27
|
+
@apply bg-gray-100 text-gray-800 focus:ring-slate-200/70 hover:bg-gray-50/50 hover:border-gray-400/80 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:focus:ring-gray-600/30 dark:hover:border-gray-500 dark:hover:bg-gray-700 dark:hover:text-white;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.btn-white {
|
|
31
|
-
@apply bg-white text-
|
|
31
|
+
@apply bg-white text-gray-800 border border-gray-300/90 shadow-xs shadow-gray-300/20 focus:ring-slate-100/70 hover:bg-gray-50/50 hover:border-gray-400/80 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:focus:ring-gray-600/30 dark:hover:border-gray-500 dark:hover:bg-gray-700 dark:hover:text-white;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.btn-transparent {
|
|
35
|
-
@apply bg-transparent text-
|
|
35
|
+
@apply bg-transparent text-gray-700 border-transparent shadow-none focus:shadow-gray-300/20 hover:bg-gray-100/90 hover:text-gray-800 hover:border-gray-300 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:text-gray-100 dark:hover:border-gray-700 dark:focus:ring-gray-800/20 focus:ring-slate-200/70;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.btn-danger {
|
data/lib/railsui/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: railsui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.1.
|
|
4
|
+
version: 3.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andy Leverenz
|
|
8
8
|
bindir: bin
|
|
9
9
|
cert_chain: []
|
|
10
|
-
date: 2025-03-
|
|
10
|
+
date: 2025-03-28 00:00:00.000000000 Z
|
|
11
11
|
dependencies:
|
|
12
12
|
- !ruby/object:Gem::Dependency
|
|
13
13
|
name: rails
|