mirror of
https://github.com/kmitresse/Cards-Rush.git
synced 2026-07-09 13:27:45 +00:00
feat(DevWeb): Create Layout for forms
This commit is contained in:
@@ -0,0 +1,15 @@
|
|||||||
|
<%@tag description="layout/base" pageEncoding="UTF-8" %>
|
||||||
|
|
||||||
|
<%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
|
||||||
|
|
||||||
|
<%@attribute name="title"%>
|
||||||
|
|
||||||
|
|
||||||
|
<layout:base title="${title}">
|
||||||
|
<jsp:attribute name="head">
|
||||||
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/form.css"/>
|
||||||
|
</jsp:attribute>
|
||||||
|
<jsp:body>
|
||||||
|
<jsp:doBody/>
|
||||||
|
</jsp:body>
|
||||||
|
</layout:base>
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
.notification {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 1em !important;
|
||||||
|
|
||||||
|
transform: translateY(100%);
|
||||||
|
opacity: 0;
|
||||||
|
animation: toast 5s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes toast {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(100%);
|
||||||
|
}
|
||||||
|
5% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
95% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes shake {
|
||||||
|
0%, 100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
10%, 30%, 50%, 70%, 90% {
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
20%, 40%, 60%, 80% {
|
||||||
|
transform: translateX(5px);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user