introduction

Article précédent --Qiita dominait le goût, j'ai donc essayé de ne colorer que le chot avec CSS.

Écran de fin

Dernier point de réflexion

`err.or`


app.rb:2:in `require': cannot load such file -- sinatra/reloader (LoadError)

C'est juste que «sinatra-contrib» est devenu «groupe: développement». CSS Ce n'est pas cool de s'aligner sur une ligne, j'ai donc décidé d'afficher uniquement le nom de l'entreprise et de cliquer sur le nom de l'itinéraire pour l'afficher.

`style.css`


.btm {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    padding: 0 10px;
}
.container input:checked + .btm {
    height: auto;
    padding: 0 10px 10px 10px;
    background-color: lightsalmon;
}

Je pense que c'est caché parce que height est 0 ~~ Le résultat est correct ~~

Résumé

Premier correctif d'application
Familiarisez-vous avec CSS

Site référencé

[RUBY] Décorez votre application Sinatra avec CSS