administrate materialize theme Download - administrate materialize theme Download do código-fonte

administrate materialize theme

Outras categorias

v1.0.0

Baixar

Administrar o tema Materializar

Um tema Material para Administrar, baseado na estrutura Materialize.

Características:

fácil de instalar, basta incluir CSS/JS para aplicar o tema a uma estrutura administrativa padrão;
Tema responsivo do Material Design;
customizável através de variáveis SASS;
permitir o uso de componentes Materialize no admin.

captura de tela

Por favor, se você gostar.

Instalação

Adicione uma gem SASS/SCSS ao seu Gemfile (ex. gem 'sassc' )
Depois de instalar o Administrate, adicione ao Gemfile : gem 'administrate-materialize-theme' (e execute bundle )
Edite app/assets/config/manifest.js , adicionando no final:

 //= link administrate-materialize-theme/theme.css
//= link administrate-materialize-theme/theme.js

Edite app/views/layouts/admin/application.html.erb (você pode gerá-lo usando rails generate administrate:views:layout ), adicionando antes da tag de fechamento do cabeçalho:

 < %= stylesheet_link_tag 'administrate-materialize-theme/theme', media: 'all' % >
< %= javascript_include_tag 'administrate-materialize-theme/theme' % >

Personalizações

Para alterar as variáveis do Materialize é necessário criar um novo arquivo .scss (ou .sass ) como este (ex. admin.scss ):

 // app/assets/stylesheets/admin.scss
$primary-color : #FB1 ;
@import ' administrate-materialize-theme/theme ' ;

E substitua a tag do link em application.html.erb por: <%= stylesheet_link_tag 'admin', media: 'all' %>

Para a lista completa de opções, dê uma olhada aqui.

Recursos extras

Exemplo de barra lateral:

 < div class =" row " >
  < div class =" col s3 " >
    < section class =" mt-sidebar z-depth-1 " >
      < h3 > Sidebar </ h3 >
      < p > Some content </ p >
    </ section >
  </ div >
  < div class =" col s9 " >
    < section class =" main-content__body main-content__body--flush " >
      <!-- ... -->
    </ section >
  </ div >
</ div >