administrate-notus_theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +23 -0
- data/Rakefile +3 -0
- data/app/assets/stylesheets/administrate-notus_theme/theme.css +2054 -0
- data/app/assets/stylesheets/administrate-notus_theme/theme.tailwind.css +205 -0
- data/lib/administrate/notus_theme/railtie.rb +7 -0
- data/lib/administrate/notus_theme/version.rb +5 -0
- data/lib/administrate/notus_theme.rb +8 -0
- data/lib/generators/administrate/notus_theme/install_generator.rb +25 -0
- data/lib/tasks/administrate/notus_theme_tasks.rake +4 -0
- metadata +69 -0
@@ -0,0 +1,205 @@
|
|
1
|
+
@tailwind base;
|
2
|
+
@tailwind components;
|
3
|
+
@tailwind utilities;
|
4
|
+
|
5
|
+
body {
|
6
|
+
@apply text-blueGray-700 antialiased;
|
7
|
+
}
|
8
|
+
|
9
|
+
/**
|
10
|
+
* Navigation
|
11
|
+
*/
|
12
|
+
.navigation {
|
13
|
+
@apply md:left-0 md:block md:fixed md:top-0 md:bottom-0 md:overflow-y-auto md:flex-row md:flex-nowrap md:overflow-hidden shadow-xl bg-white flex flex-wrap items-center justify-between relative md:w-64 z-10 py-4 px-6;
|
14
|
+
}
|
15
|
+
|
16
|
+
.navigation__link {
|
17
|
+
@apply text-xs uppercase py-3 font-bold block text-blueGray-700 hover:text-blueGray-500;
|
18
|
+
}
|
19
|
+
|
20
|
+
.navigation__link--active {
|
21
|
+
@apply text-pink-500 hover:text-pink-600;
|
22
|
+
}
|
23
|
+
|
24
|
+
|
25
|
+
/**
|
26
|
+
* Main Content
|
27
|
+
*/
|
28
|
+
.main-content {
|
29
|
+
@apply relative md:ml-64 bg-blueGray-50;
|
30
|
+
}
|
31
|
+
|
32
|
+
.main-content__header {
|
33
|
+
@apply relative bg-pink-600 md:pt-12 pb-20 pt-12;
|
34
|
+
|
35
|
+
@apply z-10 flex items-center flex justify-between md:flex-nowrap flex-wrap md:px-10 px-4;
|
36
|
+
}
|
37
|
+
|
38
|
+
.main-content__page-title {
|
39
|
+
@apply text-white text-sm uppercase hidden lg:inline-block font-semibold;
|
40
|
+
|
41
|
+
@apply flex-1;
|
42
|
+
}
|
43
|
+
|
44
|
+
.main-content__body {
|
45
|
+
@apply px-4 md:px-10 mx-auto w-full -m-12;
|
46
|
+
|
47
|
+
@apply relative z-20;
|
48
|
+
}
|
49
|
+
|
50
|
+
/**
|
51
|
+
* Search
|
52
|
+
*/
|
53
|
+
|
54
|
+
.search {
|
55
|
+
@apply relative flex flex-wrap items-stretch;
|
56
|
+
|
57
|
+
@apply mr-4;
|
58
|
+
}
|
59
|
+
|
60
|
+
.search__label {
|
61
|
+
@apply z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center w-8 pl-3 py-3;
|
62
|
+
}
|
63
|
+
|
64
|
+
.search__input {
|
65
|
+
@apply border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm shadow outline-none focus:outline-none focus:ring w-full pl-10;
|
66
|
+
}
|
67
|
+
|
68
|
+
.search__clear-link {
|
69
|
+
@apply z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center w-8 pr-3 py-3;
|
70
|
+
@apply right-0;
|
71
|
+
}
|
72
|
+
|
73
|
+
.search__eyeglass-icon, .search__clear-icon {
|
74
|
+
@apply w-5 h-5 fill-current;
|
75
|
+
}
|
76
|
+
|
77
|
+
/**
|
78
|
+
* Button
|
79
|
+
*/
|
80
|
+
|
81
|
+
.button {
|
82
|
+
@apply bg-indigo-500 text-white active:bg-indigo-600 font-bold uppercase text-sm px-6 py-3 rounded outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150;
|
83
|
+
}
|
84
|
+
|
85
|
+
|
86
|
+
.button--nav {
|
87
|
+
@apply md:block text-left md:pb-4 md:mb-4 text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0;
|
88
|
+
|
89
|
+
@apply bg-transparent active:bg-transparent border-b border-solid border-blueGray-200;
|
90
|
+
}
|
91
|
+
|
92
|
+
.action-edit {
|
93
|
+
@apply bg-indigo-500 text-white active:bg-indigo-600 font-bold uppercase text-xs px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150;
|
94
|
+
}
|
95
|
+
|
96
|
+
.action-show {
|
97
|
+
@apply text-indigo-500;
|
98
|
+
}
|
99
|
+
|
100
|
+
.text-color-red {
|
101
|
+
@apply text-red-500;
|
102
|
+
}
|
103
|
+
|
104
|
+
/**
|
105
|
+
* Table
|
106
|
+
*/
|
107
|
+
|
108
|
+
table {
|
109
|
+
@apply w-full mb-12 px-4;
|
110
|
+
@apply items-center border-collapse;
|
111
|
+
@apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
|
112
|
+
|
113
|
+
@apply overflow-hidden;
|
114
|
+
}
|
115
|
+
|
116
|
+
th {
|
117
|
+
@apply px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100;
|
118
|
+
}
|
119
|
+
|
120
|
+
td {
|
121
|
+
@apply border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4;
|
122
|
+
}
|
123
|
+
|
124
|
+
/**
|
125
|
+
* Show
|
126
|
+
*/
|
127
|
+
|
128
|
+
dl {
|
129
|
+
@apply w-full mb-12 p-4;
|
130
|
+
@apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
|
131
|
+
}
|
132
|
+
|
133
|
+
.attribute-label {
|
134
|
+
@apply text-blueGray-400 uppercase font-bold text-xs;
|
135
|
+
}
|
136
|
+
|
137
|
+
.attribute-data {
|
138
|
+
@apply font-semibold text-xl text-blueGray-700;
|
139
|
+
|
140
|
+
@apply mb-3 last:mb-0;
|
141
|
+
}
|
142
|
+
|
143
|
+
.attribute-data--has-many table {
|
144
|
+
@apply shadow-none;
|
145
|
+
}
|
146
|
+
|
147
|
+
.attribute-data--belongs-to a {
|
148
|
+
@apply text-indigo-500;
|
149
|
+
}
|
150
|
+
|
151
|
+
/**
|
152
|
+
* Form
|
153
|
+
*/
|
154
|
+
.form {
|
155
|
+
@apply w-full mb-12 p-4;
|
156
|
+
@apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
|
157
|
+
}
|
158
|
+
|
159
|
+
.field-unit {
|
160
|
+
@apply mb-3;
|
161
|
+
}
|
162
|
+
|
163
|
+
.field-unit__label label {
|
164
|
+
@apply block uppercase text-blueGray-600 text-xs font-bold mb-2;
|
165
|
+
}
|
166
|
+
|
167
|
+
.field-unit__field input {
|
168
|
+
@apply border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150;
|
169
|
+
}
|
170
|
+
|
171
|
+
.field-unit__field textarea {
|
172
|
+
@apply border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150;
|
173
|
+
}
|
174
|
+
|
175
|
+
.form-actions input[type="submit"] {
|
176
|
+
@apply bg-pink-500 text-white active:bg-pink-600 font-bold uppercase text-xs px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150;
|
177
|
+
}
|
178
|
+
|
179
|
+
/**
|
180
|
+
* Selectize
|
181
|
+
*/
|
182
|
+
.selectize-input {
|
183
|
+
@apply w-full;
|
184
|
+
@apply border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150;
|
185
|
+
}
|
186
|
+
|
187
|
+
.selectize-input input {
|
188
|
+
@apply shadow-none px-0 py-0 focus:ring-0 transition-none;
|
189
|
+
}
|
190
|
+
|
191
|
+
.selectize-input .item {
|
192
|
+
@apply inline-block;
|
193
|
+
}
|
194
|
+
|
195
|
+
.selectize-dropdown {
|
196
|
+
@apply border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150;
|
197
|
+
}
|
198
|
+
|
199
|
+
.selectize-dropdown-content .option {
|
200
|
+
@apply px-2 py-1;
|
201
|
+
}
|
202
|
+
|
203
|
+
.selectize-dropdown-content .active {
|
204
|
+
@apply bg-gray-100;
|
205
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module Administrate
|
4
|
+
module NotusTheme
|
5
|
+
class InstallGenerator < Rails::Generators::Base
|
6
|
+
source_root File.expand_path('templates', __dir__)
|
7
|
+
|
8
|
+
def link_assets
|
9
|
+
append_file 'app/assets/config/manifest.js', <<~FILE
|
10
|
+
//= link administrate-notus_theme/theme.css
|
11
|
+
FILE
|
12
|
+
end
|
13
|
+
|
14
|
+
def create_initializer
|
15
|
+
initializer 'administrate_notus_theme.rb', <<~FILE
|
16
|
+
# frozen_string_literan: true
|
17
|
+
|
18
|
+
# Replace default theme to notus
|
19
|
+
Administrate::Engine.stylesheets.clear
|
20
|
+
Administrate::Engine.add_stylesheet('administrate-notus_theme/theme')
|
21
|
+
FILE
|
22
|
+
end
|
23
|
+
end
|
24
|
+
end
|
25
|
+
end
|
metadata
ADDED
@@ -0,0 +1,69 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: administrate-notus_theme
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- 蒼時弦也
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2022-01-12 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: rails
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ">="
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: 6.0.0
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ">="
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: 6.0.0
|
27
|
+
description: The Administrate Notus Theme designed by Creative Tim
|
28
|
+
email:
|
29
|
+
- contact@aotoki.me
|
30
|
+
executables: []
|
31
|
+
extensions: []
|
32
|
+
extra_rdoc_files: []
|
33
|
+
files:
|
34
|
+
- MIT-LICENSE
|
35
|
+
- README.md
|
36
|
+
- Rakefile
|
37
|
+
- app/assets/stylesheets/administrate-notus_theme/theme.css
|
38
|
+
- app/assets/stylesheets/administrate-notus_theme/theme.tailwind.css
|
39
|
+
- lib/administrate/notus_theme.rb
|
40
|
+
- lib/administrate/notus_theme/railtie.rb
|
41
|
+
- lib/administrate/notus_theme/version.rb
|
42
|
+
- lib/generators/administrate/notus_theme/install_generator.rb
|
43
|
+
- lib/tasks/administrate/notus_theme_tasks.rake
|
44
|
+
homepage: https://github.com/elct9620/administrate-notus_theme
|
45
|
+
licenses:
|
46
|
+
- MIT
|
47
|
+
metadata:
|
48
|
+
homepage_uri: https://github.com/elct9620/administrate-notus_theme
|
49
|
+
source_code_uri: https://github.com/elct9620/administrate-notus_theme
|
50
|
+
post_install_message:
|
51
|
+
rdoc_options: []
|
52
|
+
require_paths:
|
53
|
+
- lib
|
54
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
55
|
+
requirements:
|
56
|
+
- - ">="
|
57
|
+
- !ruby/object:Gem::Version
|
58
|
+
version: '0'
|
59
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
60
|
+
requirements:
|
61
|
+
- - ">="
|
62
|
+
- !ruby/object:Gem::Version
|
63
|
+
version: '0'
|
64
|
+
requirements: []
|
65
|
+
rubygems_version: 3.2.26
|
66
|
+
signing_key:
|
67
|
+
specification_version: 4
|
68
|
+
summary: The Administrate Notus Theme designed by Creative Tim
|
69
|
+
test_files: []
|