administrate-notus_theme 0.1.0

data/app/assets/stylesheets/administrate-notus_theme/theme.tailwind.css

@@ -0,0 +1,205 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  @apply text-blueGray-700 antialiased;
+}
+
+/**
+ * Navigation
+ */
+.navigation {
+  @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;
+}
+
+.navigation__link  {
+  @apply text-xs uppercase py-3 font-bold block text-blueGray-700 hover:text-blueGray-500;
+}
+
+.navigation__link--active {
+  @apply text-pink-500 hover:text-pink-600;
+}
+
+
+/**
+ * Main Content
+ */
+.main-content {
+  @apply relative md:ml-64 bg-blueGray-50;
+}
+
+.main-content__header {
+  @apply relative bg-pink-600 md:pt-12 pb-20 pt-12;
+
+  @apply z-10 flex items-center flex justify-between md:flex-nowrap flex-wrap md:px-10 px-4;
+}
+
+.main-content__page-title {
+  @apply text-white text-sm uppercase hidden lg:inline-block font-semibold;
+
+  @apply flex-1;
+}
+
+.main-content__body {
+  @apply px-4 md:px-10 mx-auto w-full -m-12;
+
+  @apply relative z-20;
+}
+
+/**
+ * Search
+ */
+
+.search {
+  @apply relative flex flex-wrap items-stretch;
+
+  @apply mr-4;
+}
+
+.search__label {
+  @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;
+}
+
+.search__input {
+  @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;
+}
+
+.search__clear-link {
+  @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;
+  @apply right-0;
+}
+
+.search__eyeglass-icon, .search__clear-icon {
+  @apply w-5 h-5 fill-current;
+}
+
+/**
+ * Button
+ */
+
+.button {
+  @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;
+}
+
+
+.button--nav {
+  @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;
+
+  @apply bg-transparent active:bg-transparent border-b border-solid border-blueGray-200;
+}
+
+.action-edit {
+  @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;
+}
+
+.action-show {
+  @apply text-indigo-500;
+}
+
+.text-color-red {
+  @apply text-red-500;
+}
+
+/**
+ * Table
+ */
+
+table {
+  @apply w-full mb-12 px-4;
+  @apply items-center border-collapse;
+  @apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
+
+  @apply overflow-hidden;
+}
+
+th {
+  @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;
+}
+
+td {
+  @apply border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4;
+}
+
+/**
+ * Show
+ */
+
+dl {
+  @apply w-full mb-12 p-4;
+  @apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
+}
+
+.attribute-label {
+  @apply text-blueGray-400 uppercase font-bold text-xs;
+}
+
+.attribute-data {
+  @apply font-semibold text-xl text-blueGray-700;
+
+  @apply mb-3 last:mb-0;
+}
+
+.attribute-data--has-many table {
+  @apply shadow-none;
+}
+
+.attribute-data--belongs-to a {
+  @apply text-indigo-500;
+}
+
+/**
+ * Form
+ */
+.form {
+  @apply w-full mb-12 p-4;
+  @apply relative min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white;
+}
+
+.field-unit {
+  @apply mb-3;
+}
+
+.field-unit__label label {
+  @apply block uppercase text-blueGray-600 text-xs font-bold mb-2;
+}
+
+.field-unit__field input {
+  @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;
+}
+
+.field-unit__field textarea {
+  @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;
+}
+
+.form-actions input[type="submit"] {
+  @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;
+}
+
+/**
+ * Selectize
+ */
+.selectize-input {
+  @apply w-full;
+  @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;
+}
+
+.selectize-input input {
+  @apply shadow-none px-0 py-0 focus:ring-0 transition-none;
+}
+
+.selectize-input .item {
+  @apply inline-block;
+}
+
+.selectize-dropdown {
+  @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;
+}
+
+.selectize-dropdown-content .option {
+  @apply px-2 py-1;
+}
+
+.selectize-dropdown-content .active {
+  @apply bg-gray-100;
+}

data/lib/administrate/notus_theme/railtie.rb

@@ -0,0 +1,7 @@
+module Administrate
+  module NotusTheme
+    class Engine < ::Rails::Engine
+      isolate_namespace Administrate::NotusTheme
+    end
+  end
+end

data/lib/administrate/notus_theme/version.rb

@@ -0,0 +1,5 @@
+module Administrate
+  module NotusTheme
+    VERSION = "0.1.0"
+  end
+end

data/lib/administrate/notus_theme.rb

@@ -0,0 +1,8 @@
+require "administrate/notus_theme/version"
+require "administrate/notus_theme/railtie"
+
+module Administrate
+  module NotusTheme
+    # Your code goes here...
+  end
+end

data/lib/generators/administrate/notus_theme/install_generator.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Administrate
+  module NotusTheme
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.expand_path('templates', __dir__)
+
+      def link_assets
+        append_file 'app/assets/config/manifest.js', <<~FILE
+        //= link administrate-notus_theme/theme.css
+        FILE
+      end
+
+      def create_initializer
+        initializer 'administrate_notus_theme.rb', <<~FILE
+        # frozen_string_literan: true
+
+        # Replace default theme to notus
+        Administrate::Engine.stylesheets.clear
+        Administrate::Engine.add_stylesheet('administrate-notus_theme/theme')
+        FILE
+      end
+    end
+  end
+end

data/lib/tasks/administrate/notus_theme_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :administrate_notus_theme do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,69 @@
+--- !ruby/object:Gem::Specification
+name: administrate-notus_theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- 蒼時弦也
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2022-01-12 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+description: The Administrate Notus Theme designed by Creative Tim
+email:
+- contact@aotoki.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/administrate-notus_theme/theme.css
+- app/assets/stylesheets/administrate-notus_theme/theme.tailwind.css
+- lib/administrate/notus_theme.rb
+- lib/administrate/notus_theme/railtie.rb
+- lib/administrate/notus_theme/version.rb
+- lib/generators/administrate/notus_theme/install_generator.rb
+- lib/tasks/administrate/notus_theme_tasks.rake
+homepage: https://github.com/elct9620/administrate-notus_theme
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/elct9620/administrate-notus_theme
+  source_code_uri: https://github.com/elct9620/administrate-notus_theme
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.26
+signing_key:
+specification_version: 4
+summary: The Administrate Notus Theme designed by Creative Tim
+test_files: []