arctic_admin, ActiveAdmin的响应式主题

分享于 

3分钟阅读

GitHub

  繁體 雙語
Theme for ActiveAdmin
  • 源代码名称:arctic_admin
  • 源代码网址:http://www.github.com/cle61/arctic_admin
  • arctic_admin源代码文档
  • arctic_admin源代码下载
  • Git URL:
    git://www.github.com/cle61/arctic_admin.git
    Git Clone代码到本地:
    git clone http://www.github.com/cle61/arctic_admin
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/cle61/arctic_admin
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    ArcticAdmin

    Gem VersionGem DownloadsDependency Status

    ActiveAdmin的简单主题

    完整演示:https://arctic-admin.herokuapp.com/

    管理员用户:admin@example.com/密码

    Screenshot

    安装

    • 将这里添加到你的Gemfile:
    gem 'arctic_admin'
    • 运行 bundle install

    • 将此行添加到文件 config/initializers/active_admin.rb

    meta_tags_options = { viewport:'width=device-width, initial-scale=1' }
    config.meta_tags = meta_tags_options
    config.meta_tags_for_logged_out_pages = meta_tags_options

    用法

    CSS

    在你的active_admin.css 中,包括 css file:

    /* *= require arctic_admin/base*/

    删除行 *= require active_admin/base

    如果你的web服务器以前运行,则重新启动。

    支持

    Remove the line @import "active_admin/base"

    如果你喜欢 SCSS,请将它添加到你的active_admin.css.scss file:

    @import"arctic_admin/base";

    如果使用 Sass缩进语法,将它的添加到 active_admin.css.sass file:

    @import arctic_admin/base

    JS

    在你的active_admin.js 中,包括 js file:

    //= require arctic_admin/base

    删除行 //= require active_admin/base

    文档级自定义项

    为此,你需要使用sass来定制主题。

    你甚至可以通过放置其他变量来更改主题的基本颜色:

    如果你使用 SCSS,将它的添加到你的active_admin.css.scss

    $primary-color: #2dbb43;@import"arctic_admin/base";

    如果使用 Sass缩进语法,将它的添加到 active_admin.css.sass file:

    $primary-color: #2dbb43@import arctic_admin/base

    如果你的web服务器以前运行,则重新启动。

    • fork ( https://github.com/cle61/arctic_admin/fork )
    • 创建你的特征分支( git checkout -b my-new-feature )
    • 提交你的更改( git commit -am 'Add some feature' )
    • 推送到分支( git push origin my-new-feature )
    • 创建新的拉请求

    theme  act  Active  Activeadmin  
    相关文章