diff --git a/public/css/dashboard.css b/public/css/dashboard.css index f1b2940..6155f71 100644 --- a/public/css/dashboard.css +++ b/public/css/dashboard.css @@ -717,4 +717,53 @@ option { cursor: pointer; } +.spinnerContainer +{ + display: flex; + align-items: center; + justify-content: center; +} +.bt-spinner { + width: 75px; + height: 75px; + border-radius: 50%; + background-color: transparent; + border: 4px solid #222; + border-top-color: #009688; + -webkit-animation: 1s spin linear infinite; + animation: 1s spin linear infinite; +} +-webkit-@keyframes spin { + -webkit-from { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + -webkit-to { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} \ No newline at end of file diff --git a/views/dashboard.ejs b/views/dashboard.ejs index d1f52ec..c59aad3 100644 --- a/views/dashboard.ejs +++ b/views/dashboard.ejs @@ -25,7 +25,10 @@ <%- include('guilds.ejs') %>