Skip to content

npmisaki/yukiusagi

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Yukiusagi

yukiusagiは管理画面用gemです。

このgemを利用して

  • viewのテンプレートを生成
  • yukiusagiのCSSを適用

することができます。

インストール

Gemfileに以下を追加:

gem 'yukiusagi'

そして:

$ bundle

使い方

CSSの適用とfont-awesomeの読み込み

application.scssなど適用したいファイルに以下を追加

@import "yukiusagi/yukiusagi";
@import "font-awesome";

レイアウトファイルの作成

以下を参考に編集してください。
application.html.erbの編集例

bodyタグのクラスを変えることでスタイルを変更できます。

<body class="yu-theme-default">(ピンク系:デフォルト)

<body class="yu-theme-cool">(ブルー系)

top, _header, _sidebarのhtml.erbファイルを生成

top.html.erbをviews/以下の指定ディレクトリに
_header.html.erb, _sidebar.html.erbを指定ディレクトリ/sharedに生成

$ rails g yukiusagi:top { 指定ディレクトリ }

例)views/admin ディレクトリに生成したい時

$ rails g yukiusagi:top admin

index, show, editのhtml.erbファイルを生成

index.html.erb, show.html.erb, edit.html.erbをviews/以下の指定ディレクトリに生成:

$ rails g yukiusagi:views { 指定ディレクトリ }

例)views/admin/users ディレクトリに生成したい時

$ rails g yukiusagi:top admin/users

Contributing

バグの報告やプルリクエストは GitHub https://github.com/eishis/yukiusagi までお願いします。

License

このgemはMITライセンスのもとでオープンソースとして配布されています。

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 45.9%
  • CSS 45.1%
  • Ruby 7.0%
  • JavaScript 1.8%
  • Shell 0.2%