empty page

2024-07-26 18:16:32 +03:00
parent 687d9661a3
commit 4697383bf3
6 changed files with 119 additions and 4 deletions
--- a/src/components/EmptyBlock/emptyBlock.scss
+++ b/src/components/EmptyBlock/emptyBlock.scss
@ -0,0 +1,53 @@
+.empty-block {
+  position: relative;
+  border-radius: 8px;
+  border: 0.5px solid;
+  border-image-source: linear-gradient(137.79deg, #FFFFFF 9.15%, #F4F4F4 76.22%);
+  background: linear-gradient(110.06deg, rgba(255, 255, 255, 0.34) 0%, rgba(239, 239, 239, 0.34) 99.25%);
+  display: flex;
+  box-shadow: 10px 9px 14.3px 0px #00000008;
+  align-items: center;
+  justify-content: center;
+  margin-top: 22px;
+  padding: 95px 0 40px;
+  flex-direction: column;
+  z-index: 2;
+  backdrop-filter: blur(5px);
+
+  &__img {
+    position: absolute;
+    z-index: 1;
+    top: 30px;
+    transform: translate(-50%);
+    left: 50%;
+  }
+
+  &__title {
+    color: #000000;
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 32px;
+    margin-bottom: 0;
+  }
+
+  &__back {
+    max-width: 150px;
+    width: 100%;
+    background: #52B709;
+    border-radius: 44px;
+    color: #FFFFFF;
+    font-size: 14px;
+    font-weight: 700;
+    margin-top: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    transition: all 0.3s ease;
+
+    &:hover {
+      color: white;
+      scale: 1.1;
+    }
+  }
+}