Basic flash styling
This commit is contained in:
parent
942173ebca
commit
2560f2e4f7
|
@ -4,6 +4,7 @@
|
||||||
--background-color: #CECECE;
|
--background-color: #CECECE;
|
||||||
--dark-background-color: #3A3A3A;
|
--dark-background-color: #3A3A3A;
|
||||||
--inset-background-color: #FFFFFF;
|
--inset-background-color: #FFFFFF;
|
||||||
|
--alert-border-color: #800000;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
@ -114,3 +115,19 @@ form {
|
||||||
border-radius: .2em .2em 0 0;
|
border-radius: .2em .2em 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.flash {
|
||||||
|
border: 3px solid;
|
||||||
|
border-radius: .25em;
|
||||||
|
margin: 0 auto 1em auto;
|
||||||
|
max-width: 35em;
|
||||||
|
padding: .5em;
|
||||||
|
background-color: var(--dark-background-color);
|
||||||
|
color: var(--background-color);
|
||||||
|
}
|
||||||
|
div.notice {
|
||||||
|
border-color: var(--highlight-color);
|
||||||
|
}
|
||||||
|
div.alert {
|
||||||
|
border-color: var(--alert-border-color);
|
||||||
|
}
|
||||||
|
|
|
@ -10,7 +10,7 @@ class SessionsController < ApplicationController
|
||||||
session[:user_id] = @user.id
|
session[:user_id] = @user.id
|
||||||
redirect_to @user, notice: t(".logged_in")
|
redirect_to @user, notice: t(".logged_in")
|
||||||
else
|
else
|
||||||
redirect_to root_path, notice: t(".login_fail")
|
redirect_to root_path, alert: t(".login_fail")
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
|
@ -27,9 +27,9 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<% flash.each do |type, msg| %>
|
<% flash.each do |type, message| %>
|
||||||
<div class="flash">
|
<div class="flash <%= type %>">
|
||||||
<%= "#{type}: #{msg}" %>
|
<%= message %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
|
|
Loading…
Reference in New Issue