administrate-notus_theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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,7 @@
1
+ module Administrate
2
+ module NotusTheme
3
+ class Engine < ::Rails::Engine
4
+ isolate_namespace Administrate::NotusTheme
5
+ end
6
+ end
7
+ end
@@ -0,0 +1,5 @@
1
+ module Administrate
2
+ module NotusTheme
3
+ VERSION = "0.1.0"
4
+ end
5
+ end
@@ -0,0 +1,8 @@
1
+ require "administrate/notus_theme/version"
2
+ require "administrate/notus_theme/railtie"
3
+
4
+ module Administrate
5
+ module NotusTheme
6
+ # Your code goes here...
7
+ end
8
+ end
@@ -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
@@ -0,0 +1,4 @@
1
+ # desc "Explaining what the task does"
2
+ # task :administrate_notus_theme do
3
+ # # Task goes here
4
+ # 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: []