build
This commit is contained in:
parent
a0f7a5e495
commit
a8c6b3bb52
|
|
@ -1,12 +1,12 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.71792 3.34884C4.38151 3.34884 4.10254 3.09581 4.10254 2.7907V0.55814C4.10254 0.253023 4.38151 0 4.71792 0C5.05433 0 5.33331 0.253023 5.33331 0.55814V2.7907C5.33331 3.09581 5.05433 3.34884 4.71792 3.34884Z" fill="#f2f2f2"/>
|
||||
<path d="M11.2824 3.34884C10.946 3.34884 10.667 3.09581 10.667 2.7907V0.55814C10.667 0.253023 10.946 0 11.2824 0C11.6188 0 11.8978 0.253023 11.8978 0.55814V2.7907C11.8978 3.09581 11.6188 3.34884 11.2824 3.34884Z" fill="#f2f2f2"/>
|
||||
<path d="M5.12813 9.86046C5.02146 9.86046 4.9148 9.83815 4.81633 9.80094C4.70967 9.76373 4.62762 9.71162 4.54557 9.64464C4.39787 9.50325 4.30762 9.31721 4.30762 9.11628C4.30762 9.01953 4.33223 8.92279 4.37326 8.83348C4.41429 8.74418 4.47172 8.66233 4.54557 8.58791C4.62762 8.52094 4.70967 8.46883 4.81633 8.43162C5.11172 8.31999 5.48095 8.37954 5.71069 8.58791C5.85839 8.72931 5.94864 8.92279 5.94864 9.11628C5.94864 9.16093 5.94044 9.21303 5.93223 9.26512C5.92403 9.30978 5.90762 9.35442 5.883 9.39907C5.86659 9.44372 5.84198 9.48837 5.80916 9.53302C5.78454 9.57023 5.74351 9.60743 5.71069 9.64464C5.5548 9.7786 5.34146 9.86046 5.12813 9.86046Z" fill="#f2f2f2"/>
|
||||
<path d="M8.0002 9.86048C7.89353 9.86048 7.78687 9.83816 7.6884 9.80095C7.58174 9.76374 7.49969 9.71163 7.41764 9.64466C7.26994 9.50326 7.17969 9.31722 7.17969 9.11629C7.17969 9.01955 7.2043 8.9228 7.24533 8.8335C7.28636 8.74419 7.34379 8.66234 7.41764 8.58792C7.49969 8.52095 7.58174 8.46884 7.6884 8.43163C7.98379 8.31256 8.35302 8.37955 8.58276 8.58792C8.73046 8.72932 8.82071 8.9228 8.82071 9.11629C8.82071 9.16094 8.81251 9.21304 8.8043 9.26514C8.7961 9.30979 8.77969 9.35443 8.75507 9.39908C8.73866 9.44374 8.71405 9.48838 8.68123 9.53303C8.65661 9.57024 8.61558 9.60745 8.58276 9.64466C8.42687 9.77861 8.21353 9.86048 8.0002 9.86048Z" fill="#f2f2f2"/>
|
||||
<path d="M10.8713 9.86048C10.7646 9.86048 10.658 9.83816 10.5595 9.80095C10.4528 9.76374 10.3708 9.71163 10.2887 9.64466C10.2559 9.60745 10.2231 9.57024 10.1903 9.53303C10.1574 9.48838 10.1328 9.44374 10.1164 9.39908C10.0918 9.35443 10.0754 9.30979 10.0672 9.26514C10.059 9.21304 10.0508 9.16094 10.0508 9.11629C10.0508 8.9228 10.141 8.72932 10.2887 8.58792C10.3708 8.52095 10.4528 8.46884 10.5595 8.43163C10.8631 8.31256 11.2241 8.37955 11.4539 8.58792C11.6015 8.72932 11.6918 8.9228 11.6918 9.11629C11.6918 9.16094 11.6836 9.21304 11.6754 9.26514C11.6672 9.30979 11.6508 9.35443 11.6262 9.39908C11.6098 9.44374 11.5851 9.48838 11.5523 9.53303C11.5277 9.57024 11.4867 9.60745 11.4539 9.64466C11.298 9.77861 11.0846 9.86048 10.8713 9.86048Z" fill="#f2f2f2"/>
|
||||
<path d="M5.12813 12.4651C5.02146 12.4651 4.9148 12.4428 4.81633 12.4056C4.71787 12.3684 4.62762 12.3163 4.54557 12.2493C4.39787 12.1079 4.30762 11.9144 4.30762 11.7209C4.30762 11.6242 4.33223 11.5274 4.37326 11.4381C4.41429 11.3414 4.47172 11.2595 4.54557 11.1926C4.84916 10.9172 5.4071 10.9172 5.71069 11.1926C5.85839 11.334 5.94864 11.5274 5.94864 11.7209C5.94864 11.9144 5.85839 12.1079 5.71069 12.2493C5.5548 12.3833 5.34146 12.4651 5.12813 12.4651Z" fill="#f2f2f2"/>
|
||||
<path d="M8.0002 12.4651C7.78687 12.4651 7.57353 12.3833 7.41764 12.2493C7.26994 12.1079 7.17969 11.9144 7.17969 11.7209C7.17969 11.6242 7.2043 11.5274 7.24533 11.4381C7.28636 11.3414 7.34379 11.2595 7.41764 11.1926C7.72123 10.9172 8.27917 10.9172 8.58276 11.1926C8.65661 11.2595 8.71405 11.3414 8.75507 11.4381C8.7961 11.5274 8.82071 11.6242 8.82071 11.7209C8.82071 11.9144 8.73046 12.1079 8.58276 12.2493C8.42687 12.3833 8.21353 12.4651 8.0002 12.4651Z" fill="#f2f2f2"/>
|
||||
<path d="M10.8713 12.4651C10.658 12.4651 10.4446 12.3833 10.2887 12.2493C10.2149 12.1823 10.1574 12.1005 10.1164 12.0037C10.0754 11.9144 10.0508 11.8177 10.0508 11.721C10.0508 11.6242 10.0754 11.5275 10.1164 11.4382C10.1574 11.3414 10.2149 11.2596 10.2887 11.1926C10.4774 11.0214 10.7646 10.9395 11.0272 10.9916C11.0846 10.9991 11.1339 11.014 11.1831 11.0363C11.2323 11.0512 11.2816 11.0735 11.3308 11.1033C11.3718 11.1256 11.4128 11.1628 11.4539 11.1926C11.6015 11.334 11.6918 11.5275 11.6918 11.721C11.6918 11.9144 11.6015 12.1079 11.4539 12.2493C11.298 12.3833 11.0846 12.4651 10.8713 12.4651Z" fill="#f2f2f2"/>
|
||||
<path d="M14.9743 6.39252H1.02554C0.689131 6.39252 0.410156 6.1395 0.410156 5.83438C0.410156 5.52927 0.689131 5.27625 1.02554 5.27625H14.9743C15.3107 5.27625 15.5896 5.52927 15.5896 5.83438C15.5896 6.1395 15.3107 6.39252 14.9743 6.39252Z" fill="#f2f2f2"/>
|
||||
<path d="M11.2821 16H4.71795C1.72308 16 0 14.4372 0 11.7209V5.39534C0 2.67906 1.72308 1.11627 4.71795 1.11627H11.2821C14.2769 1.11627 16 2.67906 16 5.39534V11.7209C16 14.4372 14.2769 16 11.2821 16ZM4.71795 2.23255C2.37128 2.23255 1.23077 3.26697 1.23077 5.39534V11.7209C1.23077 13.8493 2.37128 14.8837 4.71795 14.8837H11.2821C13.6287 14.8837 14.7692 13.8493 14.7692 11.7209V5.39534C14.7692 3.26697 13.6287 2.23255 11.2821 2.23255H4.71795Z" fill="#f2f2f2"/>
|
||||
<path d="M4.71792 3.34884C4.38151 3.34884 4.10254 3.09581 4.10254 2.7907V0.55814C4.10254 0.253023 4.38151 0 4.71792 0C5.05433 0 5.33331 0.253023 5.33331 0.55814V2.7907C5.33331 3.09581 5.05433 3.34884 4.71792 3.34884Z" fill="#7d69ef"/>
|
||||
<path d="M11.2824 3.34884C10.946 3.34884 10.667 3.09581 10.667 2.7907V0.55814C10.667 0.253023 10.946 0 11.2824 0C11.6188 0 11.8978 0.253023 11.8978 0.55814V2.7907C11.8978 3.09581 11.6188 3.34884 11.2824 3.34884Z" fill="#7d69ef"/>
|
||||
<path d="M5.12813 9.86046C5.02146 9.86046 4.9148 9.83815 4.81633 9.80094C4.70967 9.76373 4.62762 9.71162 4.54557 9.64464C4.39787 9.50325 4.30762 9.31721 4.30762 9.11628C4.30762 9.01953 4.33223 8.92279 4.37326 8.83348C4.41429 8.74418 4.47172 8.66233 4.54557 8.58791C4.62762 8.52094 4.70967 8.46883 4.81633 8.43162C5.11172 8.31999 5.48095 8.37954 5.71069 8.58791C5.85839 8.72931 5.94864 8.92279 5.94864 9.11628C5.94864 9.16093 5.94044 9.21303 5.93223 9.26512C5.92403 9.30978 5.90762 9.35442 5.883 9.39907C5.86659 9.44372 5.84198 9.48837 5.80916 9.53302C5.78454 9.57023 5.74351 9.60743 5.71069 9.64464C5.5548 9.7786 5.34146 9.86046 5.12813 9.86046Z" fill="#7d69ef"/>
|
||||
<path d="M8.0002 9.86048C7.89353 9.86048 7.78687 9.83816 7.6884 9.80095C7.58174 9.76374 7.49969 9.71163 7.41764 9.64466C7.26994 9.50326 7.17969 9.31722 7.17969 9.11629C7.17969 9.01955 7.2043 8.9228 7.24533 8.8335C7.28636 8.74419 7.34379 8.66234 7.41764 8.58792C7.49969 8.52095 7.58174 8.46884 7.6884 8.43163C7.98379 8.31256 8.35302 8.37955 8.58276 8.58792C8.73046 8.72932 8.82071 8.9228 8.82071 9.11629C8.82071 9.16094 8.81251 9.21304 8.8043 9.26514C8.7961 9.30979 8.77969 9.35443 8.75507 9.39908C8.73866 9.44374 8.71405 9.48838 8.68123 9.53303C8.65661 9.57024 8.61558 9.60745 8.58276 9.64466C8.42687 9.77861 8.21353 9.86048 8.0002 9.86048Z" fill="#7d69ef"/>
|
||||
<path d="M10.8713 9.86048C10.7646 9.86048 10.658 9.83816 10.5595 9.80095C10.4528 9.76374 10.3708 9.71163 10.2887 9.64466C10.2559 9.60745 10.2231 9.57024 10.1903 9.53303C10.1574 9.48838 10.1328 9.44374 10.1164 9.39908C10.0918 9.35443 10.0754 9.30979 10.0672 9.26514C10.059 9.21304 10.0508 9.16094 10.0508 9.11629C10.0508 8.9228 10.141 8.72932 10.2887 8.58792C10.3708 8.52095 10.4528 8.46884 10.5595 8.43163C10.8631 8.31256 11.2241 8.37955 11.4539 8.58792C11.6015 8.72932 11.6918 8.9228 11.6918 9.11629C11.6918 9.16094 11.6836 9.21304 11.6754 9.26514C11.6672 9.30979 11.6508 9.35443 11.6262 9.39908C11.6098 9.44374 11.5851 9.48838 11.5523 9.53303C11.5277 9.57024 11.4867 9.60745 11.4539 9.64466C11.298 9.77861 11.0846 9.86048 10.8713 9.86048Z" fill="#7d69ef"/>
|
||||
<path d="M5.12813 12.4651C5.02146 12.4651 4.9148 12.4428 4.81633 12.4056C4.71787 12.3684 4.62762 12.3163 4.54557 12.2493C4.39787 12.1079 4.30762 11.9144 4.30762 11.7209C4.30762 11.6242 4.33223 11.5274 4.37326 11.4381C4.41429 11.3414 4.47172 11.2595 4.54557 11.1926C4.84916 10.9172 5.4071 10.9172 5.71069 11.1926C5.85839 11.334 5.94864 11.5274 5.94864 11.7209C5.94864 11.9144 5.85839 12.1079 5.71069 12.2493C5.5548 12.3833 5.34146 12.4651 5.12813 12.4651Z" fill="#7d69ef"/>
|
||||
<path d="M8.0002 12.4651C7.78687 12.4651 7.57353 12.3833 7.41764 12.2493C7.26994 12.1079 7.17969 11.9144 7.17969 11.7209C7.17969 11.6242 7.2043 11.5274 7.24533 11.4381C7.28636 11.3414 7.34379 11.2595 7.41764 11.1926C7.72123 10.9172 8.27917 10.9172 8.58276 11.1926C8.65661 11.2595 8.71405 11.3414 8.75507 11.4381C8.7961 11.5274 8.82071 11.6242 8.82071 11.7209C8.82071 11.9144 8.73046 12.1079 8.58276 12.2493C8.42687 12.3833 8.21353 12.4651 8.0002 12.4651Z" fill="#7d69ef"/>
|
||||
<path d="M10.8713 12.4651C10.658 12.4651 10.4446 12.3833 10.2887 12.2493C10.2149 12.1823 10.1574 12.1005 10.1164 12.0037C10.0754 11.9144 10.0508 11.8177 10.0508 11.721C10.0508 11.6242 10.0754 11.5275 10.1164 11.4382C10.1574 11.3414 10.2149 11.2596 10.2887 11.1926C10.4774 11.0214 10.7646 10.9395 11.0272 10.9916C11.0846 10.9991 11.1339 11.014 11.1831 11.0363C11.2323 11.0512 11.2816 11.0735 11.3308 11.1033C11.3718 11.1256 11.4128 11.1628 11.4539 11.1926C11.6015 11.334 11.6918 11.5275 11.6918 11.721C11.6918 11.9144 11.6015 12.1079 11.4539 12.2493C11.298 12.3833 11.0846 12.4651 10.8713 12.4651Z" fill="#7d69ef"/>
|
||||
<path d="M14.9743 6.39252H1.02554C0.689131 6.39252 0.410156 6.1395 0.410156 5.83438C0.410156 5.52927 0.689131 5.27625 1.02554 5.27625H14.9743C15.3107 5.27625 15.5896 5.52927 15.5896 5.83438C15.5896 6.1395 15.3107 6.39252 14.9743 6.39252Z" fill="#7d69ef"/>
|
||||
<path d="M11.2821 16H4.71795C1.72308 16 0 14.4372 0 11.7209V5.39534C0 2.67906 1.72308 1.11627 4.71795 1.11627H11.2821C14.2769 1.11627 16 2.67906 16 5.39534V11.7209C16 14.4372 14.2769 16 11.2821 16ZM4.71795 2.23255C2.37128 2.23255 1.23077 3.26697 1.23077 5.39534V11.7209C1.23077 13.8493 2.37128 14.8837 4.71795 14.8837H11.2821C13.6287 14.8837 14.7692 13.8493 14.7692 11.7209V5.39534C14.7692 3.26697 13.6287 2.23255 11.2821 2.23255H4.71795Z" fill="#7d69ef"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
|
@ -1,987 +0,0 @@
|
|||
@import "https://fonts.googleapis.com/css2?family=Lato&display=swap";
|
||||
* {
|
||||
font-family: Lato, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
padding: 0 5rem;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
height: 100%;
|
||||
}
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
background-color: #222831;
|
||||
position: relative;
|
||||
}
|
||||
body,
|
||||
#root,
|
||||
.App {
|
||||
height: 100%;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
input,
|
||||
button {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
button:disabled {
|
||||
background: #d4d4d4 !important;
|
||||
border: none !important;
|
||||
cursor: not-allowed !important;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
a,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
span,
|
||||
label,
|
||||
input,
|
||||
textarea,
|
||||
p {
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.green {
|
||||
color: #2fad8c;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.red {
|
||||
color: red;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
select {
|
||||
transition: 0.1s all ease;
|
||||
border: 0.1rem #f2f2f2 solid;
|
||||
outline: #2fad8c 0rem solid;
|
||||
}
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
select:focus {
|
||||
transition: 0.1s all ease;
|
||||
border: 0.1rem #393e46 solid;
|
||||
outline: #2fad8c 0.3rem solid;
|
||||
}
|
||||
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
|
||||
color: #0000;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
background: url(/assets/calendar.a859ae72.svg) no-repeat;
|
||||
border-width: thin;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 1rem;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #c9fce9;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #2fad8c;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #268a6f;
|
||||
}
|
||||
.login {
|
||||
height: 100%;
|
||||
}
|
||||
.login.inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.login__wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2.4rem;
|
||||
}
|
||||
.login__header {
|
||||
text-align: center;
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
.login__form {
|
||||
min-width: 35rem;
|
||||
background: #393e46;
|
||||
padding: 3.5rem;
|
||||
border: 0.1rem solid #222831;
|
||||
border-radius: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.6rem;
|
||||
}
|
||||
.login__form__error {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
color: red;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 700;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.login__form__error.active {
|
||||
transition: 0.3s all ease;
|
||||
height: 2rem;
|
||||
}
|
||||
.login__form__button {
|
||||
border-radius: 0.5rem;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
padding: 0.6rem 1.2rem;
|
||||
color: #fff;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.login__form__button--violet {
|
||||
background-color: #2fad8c;
|
||||
border: 0.1rem solid #2fad8c;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.login__form__button--violet:hover {
|
||||
transition: 0.3s all ease;
|
||||
background-color: #268a6f;
|
||||
border: 0.1rem solid #268a6f;
|
||||
}
|
||||
.login__form__block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
.login__form__block label {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.login__form__block input {
|
||||
font-size: 1.6rem;
|
||||
padding: 0.6rem 1.2rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.login__form__block--check label {
|
||||
font-size: 1.6rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
.nav__dropdown {
|
||||
background: #393e46;
|
||||
z-index: 5;
|
||||
border-radius: 1rem;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
transition: 0.3s all ease;
|
||||
top: calc(100% + 1rem);
|
||||
left: 0;
|
||||
height: 0;
|
||||
border: 0.1rem solid #222831;
|
||||
}
|
||||
.nav__dropdown.active {
|
||||
height: 14.7rem;
|
||||
opacity: 1;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.nav__dropdown__wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.nav__dropdown__wrapper li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
.nav__dropdown__wrapper li:nth-child(2n) {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.nav__left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 5%;
|
||||
}
|
||||
.nav__right {
|
||||
justify-self: flex-end;
|
||||
max-width: 10rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.nav__right__user {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background: #393e46;
|
||||
border: 0.1rem solid #222831;
|
||||
border-radius: 1rem;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.6rem;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.nav__right__user:hover {
|
||||
transition: 0.3s all ease;
|
||||
border: 0.1rem solid #393e46;
|
||||
background: #222831;
|
||||
}
|
||||
.nav__right__user button {
|
||||
border-top: 0.1rem solid #c8c8c8;
|
||||
padding: 1rem 1rem 0.5rem;
|
||||
cursor: pointer;
|
||||
color: #25acda;
|
||||
}
|
||||
.nav__right__user span {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.nav__right__user p {
|
||||
font-size: 1.2rem;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.nav__right__user__img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.nav__right__user__img img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
.nav__right__user h2,
|
||||
.nav__right__user h3 {
|
||||
padding: 1rem 1rem 0.5rem;
|
||||
width: 100%;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.nav.inner {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 3rem;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
.nav__img {
|
||||
width: 7rem;
|
||||
height: 5rem;
|
||||
}
|
||||
.nav__img svg {
|
||||
width: 7rem;
|
||||
height: 5rem;
|
||||
}
|
||||
.nav__btn {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 4.8rem;
|
||||
height: 3.2rem;
|
||||
padding: 0.4rem 0;
|
||||
border: 0.1rem solid #393e46;
|
||||
border-radius: 0.5rem;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.nav__btn img {
|
||||
width: 4.8rem;
|
||||
height: 3.2rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
.nav__btn:active {
|
||||
transition: 0.3s all ease;
|
||||
border: 0.3rem solid #393e46;
|
||||
}
|
||||
.main__mid {
|
||||
padding: 3rem 0;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
}
|
||||
.aside {
|
||||
transition: 0.3s all ease;
|
||||
overflow: hidden;
|
||||
max-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.aside__img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.aside.active {
|
||||
max-width: 25rem;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.aside__list {
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
background: #393e46;
|
||||
}
|
||||
.aside__list__element {
|
||||
min-width: 13.12rem;
|
||||
transition: 0.3s all ease;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
align-items: center;
|
||||
font-size: 1.6rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.aside__list__element a,
|
||||
.aside__list__element div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 1.4rem;
|
||||
width: 100%;
|
||||
padding: 0.8rem 0.4rem 0.8rem 1.2rem;
|
||||
}
|
||||
.aside__list__element:hover {
|
||||
transition: 0.3s all ease;
|
||||
background: #222831;
|
||||
}
|
||||
.aside__list__element__img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
.aside__list__element__img img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
.aside__list__element--title {
|
||||
cursor: default !important;
|
||||
background: transparent !important;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.aside__list__element--title:not(:first-child) {
|
||||
padding-top: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.aside__list__element--title svg {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.posts__pagination {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
gap: 3rem;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.posts__pagination input {
|
||||
border-radius: 0.5rem;
|
||||
border: none !important;
|
||||
width: 5%;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
}
|
||||
.posts__pagination button {
|
||||
transition: 0.3s all ease;
|
||||
cursor: pointer;
|
||||
color: #f2f2f2;
|
||||
font-size: 1.6rem;
|
||||
width: 15%;
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 0.5rem;
|
||||
background: #2fad8c;
|
||||
}
|
||||
.posts__pagination button:hover {
|
||||
transition: 0.3s all ease;
|
||||
background: #268a6f;
|
||||
}
|
||||
.posts__select {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
.posts__select label {
|
||||
display: flex;
|
||||
gap: 0.8rem;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.posts__select input {
|
||||
background: #393e46;
|
||||
color: #f2f2f2;
|
||||
font-size: 1.6rem;
|
||||
padding: 1rem 1.2rem;
|
||||
border-radius: 0.2rem;
|
||||
cursor: default;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.posts__select__wrapper {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
.posts select {
|
||||
padding: 1rem 1.2rem;
|
||||
color: #f2f2f2;
|
||||
background: #393e46;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.posts.inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.posts__table.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.posts__table__head {
|
||||
min-height: unset !important;
|
||||
background: #393e46;
|
||||
}
|
||||
.posts__table th {
|
||||
padding: 0.3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.6rem;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.6rem;
|
||||
justify-self: center;
|
||||
background: transparent;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.posts__table th input {
|
||||
padding: 1rem 2rem;
|
||||
width: 100%;
|
||||
}
|
||||
.posts__table th span {
|
||||
width: 100%;
|
||||
color: #f2f2f2;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.posts__table th.active {
|
||||
background: #c9fce9;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.posts__table th.active span {
|
||||
color: #222831;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.posts__table .post-link {
|
||||
background: #222831;
|
||||
}
|
||||
.posts__table .post-link:nth-child(2n) {
|
||||
background: #c9fce9;
|
||||
}
|
||||
.posts__table .post-link:nth-child(2n) td {
|
||||
color: #393e46;
|
||||
}
|
||||
.posts__table .post-link:nth-child(2n) td svg {
|
||||
fill: #222831;
|
||||
}
|
||||
.posts__table tr {
|
||||
min-height: 7rem;
|
||||
padding: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr 2.5fr 2fr 2.5fr 2.5fr 2.5fr;
|
||||
gap: 1rem;
|
||||
}
|
||||
.posts__table td {
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
justify-self: center;
|
||||
font-size: 1.2rem;
|
||||
align-self: center;
|
||||
}
|
||||
.posts__table td a {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.posts__table td svg {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
.posts__table tbody {
|
||||
min-height: 20rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.posts__reset {
|
||||
color: #fff;
|
||||
max-width: 30rem;
|
||||
font-size: 1.6rem;
|
||||
border-radius: 0.5rem;
|
||||
background: #2fad8c;
|
||||
padding: 0.5rem 2rem;
|
||||
text-align: center;
|
||||
height: 67%;
|
||||
min-width: 20rem;
|
||||
cursor: pointer;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.posts__reset:hover {
|
||||
transition: 0.3s all ease;
|
||||
background-color: #268a6f;
|
||||
border: 0.1rem solid #268a6f;
|
||||
}
|
||||
.posts__reset__btn {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.post {
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
.post.inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.post h1 {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
.post__head svg {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
.post__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3rem;
|
||||
}
|
||||
.post__content__btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
border-radius: 0.2rem;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
padding: 1rem 1.2rem;
|
||||
color: #f2f2f2;
|
||||
font-size: 1.6rem;
|
||||
background-color: #2fad8c;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.post__content__btn:hover {
|
||||
transition: 0.3s all ease;
|
||||
background-color: #268a6f;
|
||||
}
|
||||
.post__content input {
|
||||
font-size: 1.6rem;
|
||||
padding: 0.6rem 1.2rem;
|
||||
border-radius: 0.5rem;
|
||||
cursor: default;
|
||||
background: #393e46;
|
||||
}
|
||||
.post__content textarea {
|
||||
background: #393e46;
|
||||
cursor: default;
|
||||
padding: 0.6rem 1.2rem;
|
||||
resize: none;
|
||||
font-size: 1.6rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.post__content__block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
.post__content__block h4 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.post__content__table thead tr {
|
||||
min-height: unset !important;
|
||||
background: #393e46;
|
||||
}
|
||||
.post__content__table th {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.6rem;
|
||||
justify-self: center;
|
||||
background: transparent;
|
||||
color: #f2f2f2;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.post__content__table tr {
|
||||
background: #222831;
|
||||
}
|
||||
.post__content__table tr:nth-child(2n) {
|
||||
background: #c9fce9;
|
||||
}
|
||||
.post__content__table tr:nth-child(2n) td {
|
||||
color: #393e46;
|
||||
}
|
||||
.post__content__table tr:nth-child(2n) td svg {
|
||||
fill: #222831;
|
||||
}
|
||||
.post__content__table tr {
|
||||
min-height: 7rem;
|
||||
padding: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(4, 2fr);
|
||||
gap: 1rem;
|
||||
}
|
||||
.post__content__table td {
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
justify-self: center;
|
||||
font-size: 1.2rem;
|
||||
align-self: center;
|
||||
}
|
||||
.post__content__table td a {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.post__content__table td svg {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
.post__content__table tbody {
|
||||
min-height: 20rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.table__empty {
|
||||
font-size: 1.6rem;
|
||||
text-align: center;
|
||||
}
|
||||
.details.inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.details__data {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 3rem;
|
||||
}
|
||||
.details__data__block {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
.details__data label {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.details__data input {
|
||||
font-size: 1.6rem;
|
||||
padding: 1rem 1.2rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.details__content,
|
||||
.category.inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.category__head svg {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.category th {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.6rem;
|
||||
justify-self: center;
|
||||
background: transparent;
|
||||
color: #f2f2f2;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.category__form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 4rem;
|
||||
}
|
||||
.category__form__block {
|
||||
width: 100%;
|
||||
max-width: 40rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
.category__form__block label {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.category__form__block input {
|
||||
padding: 0.7rem 1rem;
|
||||
border: 0.1rem solid #cccccc;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.category__form button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
max-width: 30rem;
|
||||
border-radius: 0.2rem;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
padding: 1rem 1.8rem;
|
||||
color: #fff;
|
||||
font-size: 1.6rem;
|
||||
background-color: #7c69ef;
|
||||
border: 0.1rem solid #7c69ef;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.category__form button:hover {
|
||||
transition: 0.3s all ease;
|
||||
background-color: #705ed6;
|
||||
border: 0.1rem solid #705ed6;
|
||||
}
|
||||
.category__table__wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
.category__table__wrapper h3 {
|
||||
font-size: 2rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.category__table__head {
|
||||
cursor: default;
|
||||
min-height: unset !important;
|
||||
background: #393e46 !important;
|
||||
}
|
||||
.category__table tr {
|
||||
min-height: 7rem;
|
||||
padding: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr 3fr 4fr;
|
||||
gap: 1rem;
|
||||
color: #f2f2f2;
|
||||
background: #222831;
|
||||
}
|
||||
.category__table tr:nth-child(2n) {
|
||||
background: #c9fce9;
|
||||
}
|
||||
.category__table tr:nth-child(2n) td {
|
||||
color: #393e46;
|
||||
}
|
||||
.category__table tr:nth-child(2n) td svg {
|
||||
fill: #222831;
|
||||
}
|
||||
.category__table tr:nth-child(2n) td span {
|
||||
color: #222831;
|
||||
font-weight: 700;
|
||||
}
|
||||
.category__table td {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
justify-self: center;
|
||||
font-size: 1.2rem;
|
||||
align-self: center;
|
||||
}
|
||||
.category__table tbody {
|
||||
max-height: 70vh;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.source-action {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.source-action__block button,
|
||||
.source-action__block a {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
.source-action__block svg {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
.source-action__block span {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.source__link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
max-width: 30rem;
|
||||
font-size: 1.6rem;
|
||||
border-radius: 0.5rem;
|
||||
background: #2fad8c;
|
||||
padding: 1rem 2rem;
|
||||
transition: 0.3s all ease;
|
||||
text-align: center;
|
||||
}
|
||||
.source__link:hover {
|
||||
background: #268a6f;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.source__head svg {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.source__create.inner,
|
||||
.source__create__block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.dashboard__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
.dashboard__head h1 {
|
||||
font-size: 3.2rem;
|
||||
}
|
||||
.dashboard__head svg {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.source-edit.inner,
|
||||
.source-edit__content form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rem;
|
||||
}
|
||||
.source-edit__info,
|
||||
.source-edit__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
.source-edit__info h2,
|
||||
.source-edit__content h2 {
|
||||
font-weight: 400;
|
||||
font-size: 3rem;
|
||||
}
|
||||
.source-edit__input {
|
||||
color: #f2f2f2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.8rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.source-edit__input input {
|
||||
font-size: 1.6rem;
|
||||
background: #393e46;
|
||||
padding: 0.6rem 1.2rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.source-edit__submit {
|
||||
font-size: 1.6rem;
|
||||
cursor: pointer;
|
||||
color: #f2f2f2;
|
||||
border-radius: 0.5rem;
|
||||
background: #2fad8c;
|
||||
transition: 0.3s all ease;
|
||||
padding: 1.6rem 1.2rem;
|
||||
}
|
||||
.source-edit__submit:hover {
|
||||
transition: 0.3s all ease;
|
||||
background: #268a6f;
|
||||
}
|
||||
.loader {
|
||||
z-index: 20;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.loader.inner {
|
||||
opacity: 1;
|
||||
}
|
||||
.loader.inner img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 10rem;
|
||||
max-height: 10rem;
|
||||
}
|
||||
.popup {
|
||||
opacity: 0;
|
||||
left: 4rem;
|
||||
bottom: 2rem;
|
||||
border-radius: 0.6rem;
|
||||
z-index: 30;
|
||||
position: absolute;
|
||||
width: 35rem;
|
||||
height: 6rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 3rem;
|
||||
padding: 1.6rem;
|
||||
background: #393e46;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.popup__wrapper {
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
.popup__wrapper__inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.popup span {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.popup svg {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.popup.active {
|
||||
transition: 0.3s all ease;
|
||||
animation: slideIn 2s ease-in-out 0s 1 forwards;
|
||||
}
|
||||
@keyframes slideIn {
|
||||
0% {
|
||||
transform: translateY(3rem);
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateY(3rem);
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: transparent; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
||||
<circle cx="50" cy="50" fill="none" stroke="#2fad8c" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
|
||||
<circle cx="50" cy="50" fill="none" stroke="#7d69ef" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
|
||||
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
|
||||
</circle></svg>
|
||||
|
Before Width: | Height: | Size: 597 B After Width: | Height: | Size: 597 B |
|
|
@ -5,8 +5,8 @@
|
|||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Admin Panel</title>
|
||||
<script type="module" crossorigin src="/assets/index.f32f3674.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.869843f0.css">
|
||||
<script type="module" crossorigin src="/assets/index.e0564ded.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.d23d6166.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue