diff --git a/src/App.vue b/src/App.vue index 2dfabea..90b109a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -127,8 +127,8 @@ export default {
- - +
Chargement
+
diff --git a/src/assets/Ellipsis-5s-100px.gif b/src/assets/Ellipsis-5s-100px.gif new file mode 100644 index 0000000..3a8179c Binary files /dev/null and b/src/assets/Ellipsis-5s-100px.gif differ diff --git a/src/assets/Ellipsis-5s-100px.svg b/src/assets/Ellipsis-5s-100px.svg new file mode 100644 index 0000000..70c3e57 --- /dev/null +++ b/src/assets/Ellipsis-5s-100px.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/main.scss b/src/assets/main.scss index a2474ee..1e5ff0a 100644 --- a/src/assets/main.scss +++ b/src/assets/main.scss @@ -88,6 +88,24 @@ body{ top:50%; left:50%; z-index: 200; + transform: translateX(-50%) translateY(-50%); + width: 150px; + display: block; + text-align: center; + // font-weight: 600; + font-size: 1.134em; + &::after{ + background: url(../assets/Ellipsis-5s-100px.svg); + background-clip: content-box; + background-size: contain; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + width: 150px; height: 30px; + + border: #01ffe2; + content: " "; + } } }