Compare commits
2 Commits
main
...
vikas_depl
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ff2167088 | |||
| 281527ef69 |
@ -1,6 +0,0 @@
|
||||
projectKey=pms-react
|
||||
serverUrl=https://sonar.marcoaiot.com
|
||||
serverVersion=25.5.0.107428
|
||||
dashboardUrl=https://sonar.marcoaiot.com/dashboard?id=pms-react
|
||||
ceTaskId=ad6ba36a-08cb-400b-903e-94f173cac03f
|
||||
ceTaskUrl=https://sonar.marcoaiot.com/api/ce/task?id=ad6ba36a-08cb-400b-903e-94f173cac03f
|
||||
@ -21,5 +21,9 @@ RUN npm run build # This will run tsc -b and vite build
|
||||
# Expose the port the app will use
|
||||
EXPOSE 4173
|
||||
|
||||
# Copy the entrypoint script
|
||||
COPY entrypoint.sh /entrypoint.sh
|
||||
RUN chmod +x /entrypoint.sh
|
||||
|
||||
# Start the app using the preview server
|
||||
CMD ["npm", "run", "preview"]
|
||||
|
||||
@ -17,7 +17,7 @@ services:
|
||||
networks:
|
||||
- marco_network
|
||||
environment:
|
||||
- VITE_BASE_URL=http://server:8080 # Use the service name `server`
|
||||
- VITE_API_URL=http://server:8080 # Use the service name `server`
|
||||
ports:
|
||||
- "4173:4173"
|
||||
|
||||
|
||||
7
entrypoint.sh
Normal file
7
entrypoint.sh
Normal file
@ -0,0 +1,7 @@
|
||||
#!/bin/sh
|
||||
|
||||
# Create a JavaScript file with environment variables
|
||||
echo "window._env_ = { VITE_API_URL: \"$VITE_API_URL\" };" > /app/dist/env.js
|
||||
|
||||
# Start the Vite preview server
|
||||
exec "$@"
|
||||
1
env.js
Normal file
1
env.js
Normal file
@ -0,0 +1 @@
|
||||
windows._env._ = { VITE_API_URL: "http://localhost:4200" };
|
||||
43
index.html
43
index.html
@ -1,11 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" lang="en" class="light-style layout-navbar-fixed layout-menu-fixed layout-compact" dir="ltr"
|
||||
data-theme="theme-default" data-assets-path="/assets/" data-template="vertical-menu-template" data-style="light">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>OnFieldWork.com</title>
|
||||
<title>Marco PMS</title>
|
||||
|
||||
<meta name="description" content="" />
|
||||
|
||||
@ -25,12 +24,10 @@
|
||||
<!-- Core CSS -->
|
||||
<link rel="stylesheet" href="/assets/vendor/css/core.css" class="template-customizer-core-css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/css/theme-default.css" class="template-customizer-theme-css" />
|
||||
<link rel="stylesheet" href="/assets/css/core-extend.css" />
|
||||
<link rel="stylesheet" href="/assets/css/default.css" />
|
||||
<link rel="stylesheet" href="/assets/css/skeleton.css" />
|
||||
<link rel="stylesheet" href="/assets/css/hover-utility.css" />
|
||||
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/apex-charts/apex-charts.css" />
|
||||
|
||||
<!-- Icons -->
|
||||
<link rel="stylesheet" href="/assets/vendor/fonts/boxicons.css" />
|
||||
@ -45,9 +42,6 @@
|
||||
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/animate-css/animate.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/sweetalert2/sweetalert2.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/spinkit/spinkit.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/tagify/tagify.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/tagify/tagify.js" />
|
||||
|
||||
<!-- Helpers -->
|
||||
<script src="/assets/vendor/js/helpers.js"></script>
|
||||
@ -55,11 +49,9 @@
|
||||
|
||||
<!-- Timer Picker -->
|
||||
<!-- Flatpickr CSS -->
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/flatpickr/flatpickr.css" />
|
||||
<link rel="stylesheet" href="/assets/vendor/libs/jquery-timepicker/jquery-timepicker.css" />
|
||||
|
||||
|
||||
|
||||
<script src="./env.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
@ -90,34 +82,37 @@
|
||||
<script src="/assets/vendor/libs/bs-stepper/bs-stepper.js"></script>
|
||||
<script src="/assets/vendor/libs/bootstrap-select/bootstrap-select.js"></script>
|
||||
<script src="/assets/vendor/libs/select2/select2.js"></script>
|
||||
<!-- <script src="/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js" ></script> -->
|
||||
<script src="/assets/vendor/libs/flatpickr/flatpickr.js"></script>
|
||||
<script src="/assets/vendor/libs/apex-charts/apexcharts.js"></script>
|
||||
<script src="/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="/assets/js/main.js"></script>
|
||||
|
||||
<!-- Page JS -->
|
||||
<script src="/assets/js/form-wizard-icons.js"></script>
|
||||
<script src="/assets/js/dashboards-analytics.js"></script>
|
||||
|
||||
<!-- Bloack Ui -->
|
||||
<!-- <script src="/assets/js/extended-ui-blockui.js"></script> -->
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
|
||||
<!-- BlockUI core plugin -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
|
||||
<script src="/assets/js/form-wizard-icons.js"></script>
|
||||
<script src="/assets/js/dashboards-analytics.js"></script>
|
||||
|
||||
<!-- component -->
|
||||
<!-- <script src="./public/js/timppick.js"></script> -->
|
||||
<script src="./public/js/timppick.js"></script>
|
||||
|
||||
<script src="/assets/vendor/libs/sweetalert2/sweetalert2.js"></script>
|
||||
|
||||
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script> -->
|
||||
|
||||
<!-- Flatpickr JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
|
||||
|
||||
<script>
|
||||
// Initialize flatpickr for 12-hour time format with AM/PM
|
||||
flatpickr("#timePicker", {
|
||||
enableTime: true,
|
||||
noCalendar: true,
|
||||
time_24hr: false, // Disable 24-hour format
|
||||
dateFormat: "h:i K", // 12-hour format with AM/PM
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
814
package-lock.json
generated
814
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
13
package.json
13
package.json
@ -12,36 +12,25 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@hookform/resolvers": "^3.10.0",
|
||||
"@microsoft/signalr": "^8.0.7",
|
||||
"@reduxjs/toolkit": "^2.5.0",
|
||||
"@tanstack/react-query": "^5.81.2",
|
||||
"@tanstack/react-query-devtools": "^5.81.2",
|
||||
"@types/web": "^0.0.216",
|
||||
"@types/node": "^22.13.14",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"apexcharts": "^4.5.0",
|
||||
"axios": "^1.7.9",
|
||||
"axios-retry": "^4.5.0",
|
||||
"date-fns": "^4.1.0",
|
||||
"dotenv": "^16.4.7",
|
||||
"dotenv-webpack": "^8.1.0",
|
||||
"eventemitter3": "^5.0.1",
|
||||
"jwt-decode": "^4.0.0",
|
||||
"localforage": "^1.10.0",
|
||||
"match-sorter": "^6.3.1",
|
||||
"moment": "^2.30.1",
|
||||
"pdf-lib": "^1.17.1",
|
||||
"perfect-scrollbar": "^1.5.5",
|
||||
"react": "^18.2.0",
|
||||
"react-apexcharts": "^1.7.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-hook-form": "^7.54.2",
|
||||
"react-quill": "^2.0.0",
|
||||
"react-redux": "^9.2.0",
|
||||
"react-router-dom": "^6.20.1",
|
||||
"react-toastify": "^11.0.2",
|
||||
"sort-by": "^1.2.0",
|
||||
"swiper": "^11.2.10",
|
||||
"xlsx": "^0.18.5",
|
||||
"zod": "^3.24.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -1,458 +0,0 @@
|
||||
:root,
|
||||
[data-bs-theme="light"] {
|
||||
--bs-nav-link-font-size: 0.7375rem;
|
||||
--bg-border-color :#f8f6f6
|
||||
}
|
||||
.offcanvas.offcanvas-wide {
|
||||
width: 700px !important; /* adjust as needed */
|
||||
}
|
||||
.sticky-section {
|
||||
position: sticky;
|
||||
top: var(--sticky-top, 0px) !important;
|
||||
z-index: 1025;
|
||||
}
|
||||
|
||||
|
||||
/* ===========================% Background_Colors %========================================================== */
|
||||
.bg-light-primary {
|
||||
background-color: color-mix(in srgb, var(--bs-primary) 10.4%, transparent);
|
||||
border:var(--bs-primary-border-subtle)
|
||||
}
|
||||
.bg-light-secondary {
|
||||
background-color: color-mix(in srgb, var(--bs-secondary) 10.4%, transparent);
|
||||
}
|
||||
.bg-light-danger {
|
||||
background-color: color-mix(in srgb, var(--bs-danger) 10.4%, transparent);
|
||||
}
|
||||
.bg-light-success {
|
||||
background-color: color-mix(in srgb, var(--bs-success) 10.4%, transparent);
|
||||
}
|
||||
|
||||
.bg-light-info {
|
||||
background-color: color-mix(in srgb, var(--bs-info) 10.4%, transparent);
|
||||
}
|
||||
.bg-light-warning {
|
||||
background-color: color-mix(in srgb, var(--bs-warning) 10.4%, transparent);
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.5rem var(--bs-card-cap-padding-x);
|
||||
}
|
||||
.table_header_border {
|
||||
border-bottom:2px solid var(--bs-table-border-color) ;
|
||||
}
|
||||
.text-gary-80 {
|
||||
color:var(--bs-gray-500)
|
||||
}
|
||||
|
||||
.text-royalblue{
|
||||
color: #1796e3;
|
||||
}
|
||||
|
||||
.text-md {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.text-md-b {
|
||||
font-weight: normal;
|
||||
}
|
||||
.stepper-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.timeline-horizontal {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.timeline-point {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
padding: 3px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.timeline-point.completed {
|
||||
background-color: var(--bs-success);
|
||||
color: #fff;
|
||||
box-shadow: 0 0 5px rgba(25, 135, 84, 0.5);
|
||||
}
|
||||
|
||||
.timeline-point.failed {
|
||||
background-color: var(--bs-danger);
|
||||
color: #fff;
|
||||
box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
|
||||
}
|
||||
|
||||
.timeline-point.active {
|
||||
background-color: var(--bs-info);
|
||||
color: #fff;
|
||||
transform: scale(1.15);
|
||||
box-shadow: 0 0 6px rgba(13, 202, 240, 0.5);
|
||||
}
|
||||
|
||||
.timeline-line-horizontal {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: #dee2e6;
|
||||
z-index: 1;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
/* Make line green for completed sections */
|
||||
.timeline-item.completed ~ .timeline-line-horizontal {
|
||||
background-color: var(--bs-success);
|
||||
}
|
||||
|
||||
/* Optional: subtle pulse for active step */
|
||||
.timeline-point.active::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid var(--bs-info);
|
||||
animation: pulse 1.5s infinite;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
opacity: 0.6;
|
||||
}
|
||||
70% {
|
||||
transform: scale(1.5);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.text-xxs { font-size: 0.55rem; } /* 8px */
|
||||
.text-xs { font-size: 0.75rem; } /* 12px */
|
||||
.text-sm { font-size: 0.875rem; } /* 14px */
|
||||
.text-base { font-size: 1rem; } /* 16px */
|
||||
.text-lg { font-size: 1.125rem; } /* 18px */
|
||||
.text-xl { font-size: 1.25rem; } /* 20px */
|
||||
.text-2xl { font-size: 1.5rem; } /* 24px */
|
||||
.text-3xl { font-size: 1.875rem; } /* 30px */
|
||||
.text-4xl { font-size: 2.25rem; } /* 36px */
|
||||
.text-5xl { font-size: 3rem; } /* 48px */
|
||||
.text-6xl { font-size: 3.75rem; } /* 60px */
|
||||
.text-7xl { font-size: 4.5rem; } /* 72px */
|
||||
.text-8xl { font-size: 6rem; } /* 96px */
|
||||
.text-9xl { font-size: 8rem; } /* 128px */
|
||||
|
||||
|
||||
/* */
|
||||
|
||||
.w-0 { width: 0px; }
|
||||
.w-px { width: 1px; }
|
||||
.w-1 { width: 0.25rem; } /* 4px */
|
||||
.w-2 { width: 0.5rem; } /* 8px */
|
||||
.w-3 { width: 0.75rem; } /* 12px */
|
||||
.w-4 { width: 1rem; } /* 16px */
|
||||
.w-5 { width: 1.25rem; } /* 20px */
|
||||
.w-6 { width: 1.5rem; } /* 24px */
|
||||
.w-8 { width: 2rem; } /* 32px */
|
||||
.w-10 { width: 2.5rem; } /* 40px */
|
||||
.w-12 { width: 3rem; } /* 48px */
|
||||
.w-16 { width: 4rem; } /* 64px */
|
||||
.w-20 { width: 5rem; } /* 80px */
|
||||
.w-24 { width: 6rem; } /* 96px */
|
||||
.w-32 { width: 8rem; } /* 128px */
|
||||
.w-40 { width: 10rem; } /* 160px */
|
||||
.w-48 { width: 12rem; } /* 192px */
|
||||
.w-56 { width: 14rem; } /* 224px */
|
||||
.w-64 { width: 16rem; } /* 256px */
|
||||
.w-auto { width: auto; }
|
||||
.w-full { width: 100%; }
|
||||
.w-screen{ width: 100vw; }
|
||||
.w-min { width: min-content; }
|
||||
.w-max { width: max-content; }
|
||||
|
||||
|
||||
|
||||
.h-0 { height: 0px; }
|
||||
.h-px { height: 1px; }
|
||||
.h-1 { height: 0.25rem; } /* 4px */
|
||||
.h-2 { height: 0.5rem; } /* 8px */
|
||||
.h-3 { height: 0.75rem; } /* 12px */
|
||||
.h-4 { height: 1rem; } /* 16px */
|
||||
.h-5 { height: 1.25rem; } /* 20px */
|
||||
.h-6 { height: 1.5rem; } /* 24px */
|
||||
.h-8 { height: 2rem; } /* 32px */
|
||||
.h-10 { height: 2.5rem; } /* 40px */
|
||||
.h-12 { height: 3rem; } /* 48px */
|
||||
.h-16 { height: 4rem; } /* 64px */
|
||||
.h-20 { height: 5rem; } /* 80px */
|
||||
.h-24 { height: 6rem; } /* 96px */
|
||||
.h-32 { height: 8rem; } /* 128px */
|
||||
.h-40 { height: 10rem; } /* 160px */
|
||||
.h-48 { height: 12rem; } /* 192px */
|
||||
.h-56 { height: 14rem; } /* 224px */
|
||||
.h-64 { height: 16rem; } /* 256px */
|
||||
.h-auto { height: auto; }
|
||||
.h-full { height: 100%; }
|
||||
.h-screen{ height: 100vh; }
|
||||
.h-min { height: min-content; }
|
||||
.h-max { height: max-content; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ==========================
|
||||
Base Font Sizes (mobile first)
|
||||
========================== */
|
||||
.text-xxs { font-size: 0.55rem; } /* 8px */
|
||||
.text-xs { font-size: 0.75rem; } /* 12px */
|
||||
.text-sm { font-size: 0.875rem; } /* 14px */
|
||||
.text-base{ font-size: 1rem; } /* 16px */
|
||||
.text-lg { font-size: 1.125rem; } /* 18px */
|
||||
.text-xl { font-size: 1.25rem; } /* 20px */
|
||||
.text-2xl { font-size: 1.5rem; } /* 24px */
|
||||
.text-3xl { font-size: 1.875rem; } /* 30px */
|
||||
.text-4xl { font-size: 2.25rem; } /* 36px */
|
||||
.text-5xl { font-size: 3rem; } /* 48px */
|
||||
.text-6xl { font-size: 3.75rem; } /* 60px */
|
||||
.text-7xl { font-size: 4.5rem; } /* 72px */
|
||||
.text-8xl { font-size: 6rem; } /* 96px */
|
||||
.text-9xl { font-size: 8rem; } /* 128px */
|
||||
|
||||
/* ==========================
|
||||
Base Heights
|
||||
========================== */
|
||||
.h-0 { height: 0; }
|
||||
.h-px { height: 1px; }
|
||||
.h-1 { height: 0.25rem; } /* 4px */
|
||||
.h-2 { height: 0.5rem; } /* 8px */
|
||||
.h-3 { height: 0.75rem; } /* 12px */
|
||||
.h-4 { height: 1rem; } /* 16px */
|
||||
.h-5 { height: 1.25rem; } /* 20px */
|
||||
.h-6 { height: 1.5rem; } /* 24px */
|
||||
.h-8 { height: 2rem; } /* 32px */
|
||||
.h-10 { height: 2.5rem; } /* 40px */
|
||||
.h-12 { height: 3rem; } /* 48px */
|
||||
.h-16 { height: 4rem; } /* 64px */
|
||||
.h-20 { height: 5rem; } /* 80px */
|
||||
.h-24 { height: 6rem; } /* 96px */
|
||||
.h-32 { height: 8rem; } /* 128px */
|
||||
.h-40 { height: 10rem; } /* 160px */
|
||||
.h-48 { height: 12rem; } /* 192px */
|
||||
.h-56 { height: 14rem; } /* 224px */
|
||||
.h-64 { height: 16rem; } /* 256px */
|
||||
.h-70 { height: 20rem; } /* 256px */
|
||||
.h-74 { max-height: 35rem; } /* 256px */
|
||||
.h-full { height: 100%; }
|
||||
|
||||
.h-screen{ height: 100vh; }
|
||||
|
||||
/* ==========================
|
||||
Base Widths
|
||||
========================== */
|
||||
.w-0 { width: 0; }
|
||||
.w-px { width: 1px; }
|
||||
.w-1 { width: 0.25rem; }
|
||||
.w-2 { width: 0.5rem; }
|
||||
.w-3 { width: 0.75rem; }
|
||||
.w-4 { width: 1rem; }
|
||||
.w-5 { width: 1.25rem; }
|
||||
.w-6 { width: 1.5rem; }
|
||||
.w-8 { width: 2rem; }
|
||||
.w-10 { width: 2.5rem; }
|
||||
.w-12 { width: 3rem; }
|
||||
.w-16 { width: 4rem; }
|
||||
.w-20 { width: 5rem; }
|
||||
.w-24 { width: 6rem; }
|
||||
.w-32 { width: 8rem; }
|
||||
.w-40 { width: 10rem; }
|
||||
.w-48 { width: 12rem; }
|
||||
.w-56 { width: 14rem; }
|
||||
.w-64 { width: 16rem; }
|
||||
.w-full { width: 100%; }
|
||||
.w-screen{ width: 100vw; }
|
||||
|
||||
/* ==========================
|
||||
Responsive Variants
|
||||
========================== */
|
||||
@media (min-width: 576px) { /* sm */
|
||||
/* Font */
|
||||
.text-xxs-sm { font-size: 0.55rem; }
|
||||
.text-xs-sm { font-size: 0.75rem; }
|
||||
.text-sm-sm { font-size: 0.875rem; }
|
||||
.text-base-sm{ font-size: 1rem; }
|
||||
.text-lg-sm { font-size: 1.125rem; }
|
||||
.text-xl-sm { font-size: 1.25rem; }
|
||||
.text-2xl-sm{ font-size: 1.5rem; }
|
||||
|
||||
/* Height */
|
||||
.h-1-sm{ height: 0.25rem; }
|
||||
.h-2-sm{ height: 0.5rem; }
|
||||
.h-3-sm{ height: 0.75rem; }
|
||||
.h-4-sm{ height: 1rem; }
|
||||
.h-5-sm{ height: 1.25rem; }
|
||||
.h-6-sm{ height: 1.5rem; }
|
||||
.h-8-sm{ height: 2rem; }
|
||||
.h-10-sm{ height: 2.5rem; }
|
||||
|
||||
/* Width */
|
||||
.w-1-sm{ width: 0.25rem; }
|
||||
.w-2-sm{ width: 0.5rem; }
|
||||
.w-3-sm{ width: 0.75rem; }
|
||||
.w-4-sm{ width: 1rem; }
|
||||
.w-5-sm{ width: 1.25rem; }
|
||||
.w-6-sm{ width: 1.5rem; }
|
||||
.w-8-sm{ width: 2rem; }
|
||||
.w-10-sm{ width: 2.5rem; }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) { /* md */
|
||||
/* Font */
|
||||
.text-xxs-md { font-size: 0.55rem; }
|
||||
.text-xs-md { font-size: 0.75rem; }
|
||||
.text-sm-md { font-size: 0.875rem; }
|
||||
.text-base-md{ font-size: 1rem; }
|
||||
.text-lg-md { font-size: 1.125rem; }
|
||||
.text-xl-md { font-size: 1.25rem; }
|
||||
.text-2xl-md{ font-size: 1.5rem; }
|
||||
|
||||
/* Height */
|
||||
.h-1-md{ height: 0.25rem; }
|
||||
.h-2-md{ height: 0.5rem; }
|
||||
.h-3-md{ height: 0.75rem; }
|
||||
.h-4-md{ height: 1rem; }
|
||||
.h-5-md{ height: 1.25rem; }
|
||||
.h-6-md{ height: 1.5rem; }
|
||||
.h-8-md{ height: 2rem; }
|
||||
.h-10-md{ height: 2.5rem; }
|
||||
|
||||
/* Width */
|
||||
.w-1-md{ width: 0.25rem; }
|
||||
.w-2-md{ width: 0.5rem; }
|
||||
.w-3-md{ width: 0.75rem; }
|
||||
.w-4-md{ width: 1rem; }
|
||||
.w-5-md{ width: 1.25rem; }
|
||||
.w-6-md{ width: 1.5rem; }
|
||||
.w-8-md{ width: 2rem; }
|
||||
.w-10-md{ width: 2.5rem; }
|
||||
}
|
||||
|
||||
@media (min-width: 992px) { /* lg */
|
||||
/* Font */
|
||||
.text-xxs-lg { font-size: 0.55rem; }
|
||||
.text-xs-lg { font-size: 0.75rem; }
|
||||
.text-sm-lg { font-size: 0.875rem; }
|
||||
.text-base-lg{ font-size: 1rem; }
|
||||
.text-lg-lg { font-size: 1.125rem; }
|
||||
.text-xl-lg { font-size: 1.25rem; }
|
||||
.text-2xl-lg{ font-size: 1.5rem; }
|
||||
|
||||
/* Height */
|
||||
.h-1-lg{ height: 0.25rem; }
|
||||
.h-2-lg{ height: 0.5rem; }
|
||||
.h-3-lg{ height: 0.75rem; }
|
||||
.h-4-lg{ height: 1rem; }
|
||||
.h-5-lg{ height: 1.25rem; }
|
||||
.h-6-lg{ height: 1.5rem; }
|
||||
.h-8-lg{ height: 2rem; }
|
||||
.h-10-lg{ height: 2.5rem; }
|
||||
|
||||
/* Width */
|
||||
.w-1-lg{ width: 0.25rem; }
|
||||
.w-2-lg{ width: 0.5rem; }
|
||||
.w-3-lg{ width: 0.75rem; }
|
||||
.w-4-lg{ width: 1rem; }
|
||||
.w-5-lg{ width: 1.25rem; }
|
||||
.w-6-lg{ width: 1.5rem; }
|
||||
.w-8-lg{ width: 2rem; }
|
||||
.w-10-lg{ width: 2.5rem; }
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) { /* xl */
|
||||
/* Font */
|
||||
.text-xxs-xl { font-size: 0.55rem; }
|
||||
.text-xs-xl { font-size: 0.75rem; }
|
||||
.text-sm-xl { font-size: 0.875rem; }
|
||||
.text-base-xl{ font-size: 1rem; }
|
||||
.text-lg-xl { font-size: 1.125rem; }
|
||||
.text-xl-xl { font-size: 1.25rem; }
|
||||
.text-2xl-xl{ font-size: 1.5rem; }
|
||||
|
||||
/* Height */
|
||||
.h-1-xl{ height: 0.25rem; }
|
||||
.h-2-xl{ height: 0.5rem; }
|
||||
.h-3-xl{ height: 0.75rem; }
|
||||
.h-4-xl{ height: 1rem; }
|
||||
.h-5-xl{ height: 1.25rem; }
|
||||
.h-6-xl{ height: 1.5rem; }
|
||||
.h-8-xl{ height: 2rem; }
|
||||
.h-10-xl{ height: 2.5rem; }
|
||||
|
||||
/* Width */
|
||||
.w-1-xl{ width: 0.25rem; }
|
||||
.w-2-xl{ width: 0.5rem; }
|
||||
.w-3-xl{ width: 0.75rem; }
|
||||
.w-4-xl{ width: 1rem; }
|
||||
.w-5-xl{ width: 1.25rem; }
|
||||
.w-6-xl{ width: 1.5rem; }
|
||||
.w-8-xl{ width: 2rem; }
|
||||
.w-10-xl{ width: 2.5rem; }
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------Text------------------------- */
|
||||
@media (min-width: 576px) {
|
||||
.fs-sm-1 { font-size: calc(1.3rem + 1.6vw) !important; }
|
||||
.fs-sm-2 { font-size: calc(1.2rem + 1.2vw) !important; }
|
||||
.fs-sm-3 { font-size: calc(1.1rem + 0.8vw) !important; }
|
||||
.fs-sm-4 { font-size: calc(1rem + 0.5vw) !important; }
|
||||
.fs-sm-5 { font-size: 1.05rem !important; }
|
||||
.fs-sm-6 { font-size: 0.9rem !important; }
|
||||
|
||||
.fs-sm-tiny { font-size: 72% !important; }
|
||||
.fs-sm-big { font-size: 115% !important; }
|
||||
.fs-sm-large { font-size: 155% !important; }
|
||||
.fs-sm-xlarge { font-size: 175% !important; }
|
||||
.fs-sm-xxlarge { font-size: calc(1.6rem + 3.5vw) !important; }
|
||||
}
|
||||
|
||||
/* 💻 Medium devices (≥768px) */
|
||||
@media (min-width: 768px) {
|
||||
.fs-md-1 { font-size: calc(1.4125rem + 1.95vw) !important; }
|
||||
.fs-md-2 { font-size: calc(1.3625rem + 1.35vw) !important; }
|
||||
.fs-md-3 { font-size: calc(1.3rem + 0.6vw) !important; }
|
||||
.fs-md-4 { font-size: calc(1.275rem + 0.3vw) !important; }
|
||||
.fs-md-5 { font-size: 1.125rem !important; }
|
||||
.fs-md-6 { font-size: 0.9375rem !important; }
|
||||
|
||||
.fs-md-tiny { font-size: 70% !important; }
|
||||
.fs-md-big { font-size: 112% !important; }
|
||||
.fs-md-large { font-size: 150% !important; }
|
||||
.fs-md-xlarge { font-size: 170% !important; }
|
||||
.fs-md-xxlarge { font-size: calc(1.725rem + 5.7vw) !important; }
|
||||
}
|
||||
@ -1,3 +1,7 @@
|
||||
/*
|
||||
* demo.css
|
||||
* File include item demo only specific css only
|
||||
******************************************************************************/
|
||||
#root {
|
||||
width: 100%;
|
||||
|
||||
@ -16,21 +20,21 @@
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.menu .app-brand {
|
||||
.menu .app-brand.demo {
|
||||
height: 64px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.app-brand-logo svg {
|
||||
.app-brand-logo.demo svg {
|
||||
width: 22px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.app-brand-logo-sidebar {
|
||||
width: 45px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.app-brand-text {
|
||||
.app-brand-text.demo {
|
||||
font-size: 1.75rem;
|
||||
letter-spacing: -0.5px;
|
||||
/* text-transform: lowercase; */
|
||||
@ -57,6 +61,39 @@
|
||||
* Content
|
||||
******************************************************************************/
|
||||
|
||||
.demo-blocks > * {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.demo-inline-spacing > * {
|
||||
margin: 1rem 0.375rem 0 0 !important;
|
||||
}
|
||||
|
||||
/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
|
||||
.demo-vertical-spacing > * {
|
||||
margin-top: 1rem !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.demo-vertical-spacing.demo-only-element > :first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.demo-vertical-spacing-lg > * {
|
||||
margin-top: 1.875rem !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.demo-vertical-spacing-lg.demo-only-element > :first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.demo-vertical-spacing-xl > * {
|
||||
margin-top: 5rem !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.demo-vertical-spacing-xl.demo-only-element > :first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.rtl-only {
|
||||
display: none !important;
|
||||
text-align: left !important;
|
||||
@ -67,112 +104,27 @@
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.infra-activity-table-header {
|
||||
border-top: 0;
|
||||
text-transform: capitalize !important;
|
||||
}
|
||||
/*
|
||||
* Layout demo
|
||||
******************************************************************************/
|
||||
|
||||
.infra-activity-table-header-first {
|
||||
border-top: 0;
|
||||
text-transform: capitalize !important;
|
||||
text-align: left;
|
||||
padding-left: 60px;
|
||||
.layout-demo-wrapper {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.cusor-pointer {
|
||||
cursor: pointer;
|
||||
.layout-demo-placeholder img {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
/* .apexcharts-toolbar {
|
||||
z-index: 0 !important;
|
||||
} */
|
||||
|
||||
.font-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.text-sm {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.menu-vertical .menu-item .menu-link {
|
||||
font-size: 0.7375rem;
|
||||
min-block-size: 0.7375rem;
|
||||
}
|
||||
|
||||
.modal-simple .modal-content {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.modal-simple .btn-close {
|
||||
position: absolute;
|
||||
top: 1.45rem;
|
||||
inset-block-start: 1.5rem;
|
||||
inset-inline-end: 1.5rem;
|
||||
}
|
||||
|
||||
.text-darkgreen {
|
||||
color: #16a085;
|
||||
}
|
||||
|
||||
.table-row-header {
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.table > thead {
|
||||
vertical-align: middle;
|
||||
height: 2.2rem;
|
||||
}
|
||||
|
||||
/* .table > thead > tr :first-child {
|
||||
text-align: left;
|
||||
padding-left: 50px;
|
||||
} */
|
||||
|
||||
.small-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.layout-wrapper:not(.layout-horizontal)
|
||||
.layout-navbar
|
||||
.dropdown-menu[data-bs-popper] {
|
||||
inset-block-start: 100%;
|
||||
}
|
||||
|
||||
.ql-toolbar.ql-snow {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
.ql-container.ql-snow {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.ql-editor {
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
/* Remove Table Header Top Line */
|
||||
thead tr {
|
||||
border-top: 1px solid white;
|
||||
}
|
||||
|
||||
.app-brand-logo-login {
|
||||
max-width: 50px; /* default for mobile */
|
||||
height: auto; /* keep aspect ratio */
|
||||
}
|
||||
|
||||
/* Tablet and up (≥768px) */
|
||||
@media (min-width: 768px) {
|
||||
.app-brand-logo-login {
|
||||
max-width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop and up (≥1200px) */
|
||||
@media (min-width: 1200px) {
|
||||
.app-brand-logo-login {
|
||||
max-width: 80px;
|
||||
}
|
||||
.layout-demo-info {
|
||||
text-align: center;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
@ -1,86 +0,0 @@
|
||||
/* Hover background color */
|
||||
.hover-bg-light:hover {
|
||||
background-color: #f8f9fa !important;
|
||||
}
|
||||
|
||||
.hover-bg-primary:hover {
|
||||
background-color: var(--bs-primary) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.hover-bg-danger:hover {
|
||||
background-color: #dc3545 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.hover-bg-success:hover {
|
||||
background-color: var(--bg-success) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.hover-bg-warning:hover {
|
||||
background-color: #ffc107 !important;
|
||||
color: #212529 !important;
|
||||
}
|
||||
|
||||
/* Hover text color */
|
||||
.hover-text-primary:hover {
|
||||
color: #0d6efd !important;
|
||||
}
|
||||
|
||||
.hover-text-danger:hover {
|
||||
color: #dc3545 !important;
|
||||
}
|
||||
|
||||
.hover-text-success:hover {
|
||||
color: #198754 !important;
|
||||
}
|
||||
|
||||
.hover-text-muted:hover {
|
||||
color: #6c757d !important;
|
||||
}
|
||||
|
||||
/* Hover shadow */
|
||||
.hover-shadow-sm:hover {
|
||||
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.hover-shadow:hover {
|
||||
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.hover-shadow-lg:hover {
|
||||
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
||||
}
|
||||
|
||||
/* Hover scale */
|
||||
.hover-scale:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.hover-scale-sm:hover {
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
.hover-scale-lg:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Add smooth transition to hover effects */
|
||||
.hover-transition {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* Hover border color */
|
||||
.hover-border-primary:hover {
|
||||
border-color: #0d6efd !important;
|
||||
}
|
||||
|
||||
.hover-border-danger:hover {
|
||||
border-color: #dc3545 !important;
|
||||
}
|
||||
|
||||
.thick-divider {
|
||||
height: 3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
32
public/assets/css/skeleton.css
vendored
32
public/assets/css/skeleton.css
vendored
@ -1,32 +0,0 @@
|
||||
/* skeleton.css */
|
||||
.skeleton {
|
||||
background-color: #e2e8f0; /* Tailwind's gray-300 */
|
||||
border-radius: 0.25rem; /* Tailwind's rounded */
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.skeleton::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0; left: -150px;
|
||||
height: 100%;
|
||||
width: 150px;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
transparent,
|
||||
rgba(255, 255, 255, 0.4),
|
||||
transparent
|
||||
);
|
||||
animation: pulse 1.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
left: -150px;
|
||||
}
|
||||
100% {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="120" height="120" fill="#EFF1F3"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.2503 38.4816C33.2603 37.0472 34.4199 35.8864 35.8543 35.875H83.1463C84.5848 35.875 85.7503 37.0431 85.7503 38.4816V80.5184C85.7403 81.9528 84.5807 83.1136 83.1463 83.125H35.8543C34.4158 83.1236 33.2503 81.957 33.2503 80.5184V38.4816ZM80.5006 41.1251H38.5006V77.8751L62.8921 53.4783C63.9172 52.4536 65.5788 52.4536 66.6039 53.4783L80.5006 67.4013V41.1251ZM43.75 51.6249C43.75 54.5244 46.1005 56.8749 49 56.8749C51.8995 56.8749 54.25 54.5244 54.25 51.6249C54.25 48.7254 51.8995 46.3749 49 46.3749C46.1005 46.3749 43.75 48.7254 43.75 51.6249Z" fill="#687787"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 888 B |
Binary file not shown.
|
Before Width: | Height: | Size: 376 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 426 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 364 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 376 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.2 KiB |
@ -7,7 +7,7 @@
|
||||
function projectCardChart(project) {
|
||||
// Order Statistics Chart
|
||||
// --------------------------------------------------------------------
|
||||
|
||||
console.log(project);
|
||||
let cardColor, headingColor, axisColor, shadeColor, borderColor;
|
||||
|
||||
cardColor = config.colors.cardColor;
|
||||
|
||||
@ -115,38 +115,4 @@ function Main () {
|
||||
|
||||
// Auto update menu collapsed/expanded based on the themeConfig
|
||||
window.Helpers.setCollapsed(true, false);
|
||||
|
||||
|
||||
|
||||
|
||||
// perfect scrolling
|
||||
const verticalExample = document.getElementById('vertical-example'),
|
||||
horizontalExample = document.getElementById('horizontal-example'),
|
||||
horizVertExample = document.getElementById('both-scrollbars-example');
|
||||
|
||||
// Vertical Example
|
||||
// --------------------------------------------------------------------
|
||||
if (verticalExample) {
|
||||
new PerfectScrollbar(verticalExample, {
|
||||
wheelPropagation: false
|
||||
});
|
||||
}
|
||||
|
||||
// Horizontal Example
|
||||
// --------------------------------------------------------------------
|
||||
if (horizontalExample) {
|
||||
new PerfectScrollbar(horizontalExample, {
|
||||
wheelPropagation: false,
|
||||
suppressScrollY: true
|
||||
});
|
||||
}
|
||||
|
||||
// Both vertical and Horizontal Example
|
||||
// --------------------------------------------------------------------
|
||||
if (horizVertExample) {
|
||||
new PerfectScrollbar(horizVertExample, {
|
||||
wheelPropagation: false
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
--bs-body-font-size: 0.8375rem;
|
||||
|
||||
|
||||
45169
public/assets/vendor/css/core.css
vendored
45169
public/assets/vendor/css/core.css
vendored
File diff suppressed because it is too large
Load Diff
906
public/assets/vendor/libs/flatpickr/flatpickr.css
vendored
906
public/assets/vendor/libs/flatpickr/flatpickr.css
vendored
@ -1,906 +0,0 @@
|
||||
.flatpickr-calendar {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
padding-bottom: 2px;
|
||||
max-height: 0;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
animation: none;
|
||||
outline: 0;
|
||||
touch-action: manipulation;
|
||||
line-height: 1.375;
|
||||
font-size: 0.9375rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.flatpickr-calendar.open, .flatpickr-calendar.inline {
|
||||
visibility: visible;
|
||||
overflow: visible;
|
||||
max-height: 640px;
|
||||
opacity: 1;
|
||||
}
|
||||
.flatpickr-calendar.open {
|
||||
display: inline-block;
|
||||
}
|
||||
.flatpickr-calendar.animate.open {
|
||||
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
.flatpickr-calendar:not(.inline):not(.open) {
|
||||
display: none !important;
|
||||
}
|
||||
.flatpickr-calendar.inline {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
display: block;
|
||||
}
|
||||
.flatpickr-calendar.static {
|
||||
position: absolute;
|
||||
top: calc(100% + 2px);
|
||||
}
|
||||
.flatpickr-calendar.static.open {
|
||||
z-index: 999;
|
||||
display: block;
|
||||
}
|
||||
.flatpickr-calendar.hasWeeks {
|
||||
width: auto;
|
||||
}
|
||||
html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.flatpickr-calendar.hasTime {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.flatpickr-calendar.hasTime .flatpickr-time {
|
||||
height: 40px;
|
||||
}
|
||||
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
|
||||
height: auto;
|
||||
}
|
||||
.flatpickr-calendar input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
.flatpickr-calendar input[type=number]::-webkit-inner-spin-button,
|
||||
.flatpickr-calendar input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flatpickr-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.flatpickr-month {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 3rem;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.flatpickr-prev-month,
|
||||
.flatpickr-next-month {
|
||||
position: absolute;
|
||||
top: 0.75rem;
|
||||
z-index: 3;
|
||||
padding: 0 0.41rem;
|
||||
height: 1.875rem;
|
||||
width: 1.875rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border-radius: 0.375rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.flatpickr-prev-month svg,
|
||||
.flatpickr-next-month svg {
|
||||
stroke-width: 2;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.flatpickr-prev-month i,
|
||||
.flatpickr-next-month i {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flatpickr-prev-month.flatpickr-prev-month {
|
||||
left: 1rem;
|
||||
}
|
||||
[dir=rtl] .flatpickr-prev-month {
|
||||
right: 1rem;
|
||||
left: auto;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.flatpickr-next-month.flatpickr-prev-month {
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
.flatpickr-next-month.flatpickr-next-month {
|
||||
right: 1rem;
|
||||
}
|
||||
[dir=rtl] .flatpickr-next-month {
|
||||
right: auto;
|
||||
left: 1rem;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.flatpickr-prev-month:hover,
|
||||
.flatpickr-next-month:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.flatpickr-prev-month svg,
|
||||
.flatpickr-next-month svg {
|
||||
width: 0.6rem;
|
||||
}
|
||||
|
||||
.flatpickr-prev-month svg path,
|
||||
.flatpickr-next-month svg path {
|
||||
transition: fill 0.1s;
|
||||
fill: inherit;
|
||||
}
|
||||
|
||||
.numInputWrapper {
|
||||
position: relative;
|
||||
height: auto;
|
||||
}
|
||||
.numInputWrapper :hover {
|
||||
background: transparent;
|
||||
}
|
||||
.numInputWrapper input,
|
||||
.numInputWrapper span {
|
||||
display: inline-block;
|
||||
}
|
||||
.numInputWrapper input {
|
||||
width: 100%;
|
||||
}
|
||||
.numInputWrapper span {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 50%;
|
||||
line-height: 1;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
[dir=rtl] .numInputWrapper span {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.numInputWrapper span:hover {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.numInputWrapper span:active {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.numInputWrapper span:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.numInputWrapper span.arrowUp {
|
||||
top: 0;
|
||||
}
|
||||
.numInputWrapper span.arrowUp:after {
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 4px solid rgba(72, 72, 72, 0.6);
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
.numInputWrapper span.arrowDown {
|
||||
top: 50%;
|
||||
}
|
||||
.numInputWrapper span.arrowDown:after {
|
||||
border-top: 4px solid rgba(72, 72, 72, 0.6);
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
.numInputWrapper span svg {
|
||||
width: inherit;
|
||||
height: auto;
|
||||
}
|
||||
.numInputWrapper span svg path {
|
||||
fill: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.numInputWrapper:hover {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.numInputWrapper:hover span {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.flatpickr-current-month {
|
||||
position: absolute;
|
||||
left: 12.5%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.25rem;
|
||||
width: 75%;
|
||||
height: 2.5rem;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
padding: 0.9rem 0 0 0;
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months,
|
||||
.flatpickr-current-month input.cur-year {
|
||||
outline: none;
|
||||
vertical-align: middle !important;
|
||||
font-weight: 400;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:not(:first-child),
|
||||
.flatpickr-current-month input.cur-year:not(:first-child) {
|
||||
padding: 0 0 0 0.5ch;
|
||||
}
|
||||
.flatpickr-current-month .numInputWrapper {
|
||||
display: inline-block;
|
||||
width: 6ch;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months {
|
||||
appearance: menulist;
|
||||
cursor: pointer;
|
||||
height: 2.25rem;
|
||||
position: relative;
|
||||
width: auto;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year {
|
||||
margin: 0;
|
||||
height: 1.2rem;
|
||||
cursor: default;
|
||||
}
|
||||
[dir=rtl] .flatpickr-current-month input.cur-year {
|
||||
padding-right: 0.5ch;
|
||||
padding-left: 0;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
|
||||
background: transparent;
|
||||
pointer-events: none;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year[disabled] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.flatpickr-weekdaycontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0.25rem 0.6rem;
|
||||
}
|
||||
|
||||
.flatpickr-weekdays {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
max-width: 17.5rem;
|
||||
width: 100%;
|
||||
height: 2.25rem;
|
||||
text-align: center;
|
||||
margin-bottom: 0.125rem;
|
||||
}
|
||||
|
||||
span.flatpickr-weekday {
|
||||
display: block;
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.dayContainer,
|
||||
.flatpickr-weeks {
|
||||
padding: 1px 0 0 0;
|
||||
}
|
||||
|
||||
.flatpickr-days {
|
||||
position: relative;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
width: auto !important;
|
||||
}
|
||||
.flatpickr-days:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.flatpickr-calendar.hasTime .flatpickr-days {
|
||||
border-bottom: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
|
||||
.dayContainer {
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
min-width: 15.75rem;
|
||||
max-width: 15.75rem;
|
||||
width: 15.75rem;
|
||||
outline: 0;
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
|
||||
.flatpickr-day {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
flex-basis: 14.2857143%;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
max-width: 2.25rem;
|
||||
width: 15.2857143%;
|
||||
height: 2.25rem;
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
line-height: calc(2.25rem - 2px);
|
||||
cursor: pointer;
|
||||
}
|
||||
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flatpickr-day.inRange:not(.startRange):not(.endRange) {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.flatpickr-day.disabled, .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled.today, .flatpickr-day.disabled:hover, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.flatpickr-disabled.today:hover {
|
||||
border-color: transparent;
|
||||
background: transparent !important;
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.flatpickr-day.week.selected {
|
||||
border-radius: 0;
|
||||
}
|
||||
html:not([dir=rtl]) .flatpickr-day.selected.startRange, html:not([dir=rtl]) .flatpickr-day.startRange.startRange, html:not([dir=rtl]) .flatpickr-day.endRange.startRange {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
html:not([dir=rtl]) .flatpickr-day.selected.endRange, html:not([dir=rtl]) .flatpickr-day.startRange.endRange, html:not([dir=rtl]) .flatpickr-day.endRange.endRange {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
[dir=rtl] .flatpickr-day.selected.startRange, [dir=rtl] .flatpickr-day.startRange.startRange, [dir=rtl] .flatpickr-day.endRange.startRange {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
[dir=rtl] .flatpickr-day.selected.endRange, [dir=rtl] .flatpickr-day.startRange.endRange, [dir=rtl] .flatpickr-day.endRange.endRange {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.flatpickr-weekwrapper {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-weeks {
|
||||
background-clip: padding-box !important;
|
||||
}
|
||||
html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
[dir=rtl] .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-weeks .flatpickr-day {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-calendar.hasTime .flatpickr-weeks {
|
||||
border-bottom: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-weekday {
|
||||
float: none;
|
||||
width: 100%;
|
||||
line-height: 2.25rem;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.flatpickr-weekwrapper span.flatpickr-day {
|
||||
display: block;
|
||||
max-width: none;
|
||||
width: 2.25rem;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.flatpickr-calendar.hasTime .flatpickr-weeks {
|
||||
border-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
.flatpickr-innerContainer {
|
||||
display: block;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html:not([dir=rtl]) .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weeks {
|
||||
padding-left: 0.445rem;
|
||||
}
|
||||
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weeks {
|
||||
padding-left: 0.445rem;
|
||||
}
|
||||
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekdaycontainer {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
.flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekwrapper .flatpickr-weekday {
|
||||
padding-left: 0.445rem;
|
||||
}
|
||||
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekwrapper {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.flatpickr-rContainer {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.flatpickr-time {
|
||||
display: block;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
max-height: 40px;
|
||||
height: 0;
|
||||
outline: 0;
|
||||
background-clip: padding-box !important;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
.flatpickr-time:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.flatpickr-time .numInputWrapper {
|
||||
float: left;
|
||||
flex: 1;
|
||||
width: 40%;
|
||||
height: 40px;
|
||||
}
|
||||
.flatpickr-time.hasSeconds .numInputWrapper {
|
||||
width: 26%;
|
||||
}
|
||||
.flatpickr-time.time24hr .numInputWrapper {
|
||||
width: 49%;
|
||||
}
|
||||
.flatpickr-time input {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: inherit;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
line-height: inherit;
|
||||
cursor: pointer;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
|
||||
font-weight: 400;
|
||||
}
|
||||
.flatpickr-time input:focus {
|
||||
outline: 0;
|
||||
border: 0;
|
||||
}
|
||||
.flatpickr-time .flatpickr-time-separator,
|
||||
.flatpickr-time .flatpickr-am-pm {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
align-self: center;
|
||||
width: 2%;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
user-select: none;
|
||||
}
|
||||
.flatpickr-time .flatpickr-am-pm {
|
||||
width: 18%;
|
||||
outline: 0;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flatpickr-time .flatpickr-am-pm:hover {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.flatpickr-calendar.noCalendar .flatpickr-time {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.flatpickr-calendar:not(.noCalendar) .flatpickr-time {
|
||||
border-top: 0;
|
||||
border-top-left-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
.flatpickr-input[readonly] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fpFadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes fpFadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes fpFadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
.light-style .flatpickr-calendar {
|
||||
background: #fff;
|
||||
}
|
||||
.light-style .flatpickr-prev-month,
|
||||
.light-style .flatpickr-next-month {
|
||||
background-color: #edeef0;
|
||||
}
|
||||
.light-style .flatpickr-prev-month svg,
|
||||
.light-style .flatpickr-next-month svg {
|
||||
fill: #646e78;
|
||||
stroke: #646e78;
|
||||
}
|
||||
.light-style .flatpickr-calendar,
|
||||
.light-style .flatpickr-days {
|
||||
width: calc(16.75rem + 0 * 2px) !important;
|
||||
}
|
||||
.light-style .flatpickr-calendar {
|
||||
background-color: #fff;
|
||||
border-radius: 0.375rem !important;
|
||||
}
|
||||
.light-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks {
|
||||
width: calc(19rem + 0 * 3px + 0.35rem) !important;
|
||||
}
|
||||
.light-style[dir=rtl] .flatpickr-calendar.hasWeeks {
|
||||
width: calc(19rem + 0 * 3px + 1rem) !important;
|
||||
}
|
||||
.light-style .flatpickr-calendar.open {
|
||||
z-index: 1091;
|
||||
}
|
||||
.light-style .flatpickr-input[readonly],
|
||||
.light-style .flatpickr-input ~ .form-control[readonly] {
|
||||
background: transparent;
|
||||
}
|
||||
.light-style .flatpickr-days {
|
||||
background: #fff;
|
||||
padding: 0.25rem 0.5rem 0.5rem;
|
||||
border: 0 solid #e4e6e8;
|
||||
border-top: 0;
|
||||
background-clip: padding-box;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
}
|
||||
.light-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-left: 0;
|
||||
padding-left: calc(0.5rem + 0px);
|
||||
box-shadow: 0 0 0 #e4e6e8 inset;
|
||||
}
|
||||
.light-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-right: 0;
|
||||
padding-right: calc(0.5rem + 0px);
|
||||
box-shadow: 0 0 0 #e4e6e8 inset;
|
||||
}
|
||||
.light-style .flatpickr-calendar {
|
||||
line-height: 1.375;
|
||||
font-size: 0.9375rem;
|
||||
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.light-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time {
|
||||
display: none !important;
|
||||
}
|
||||
.light-style .flatpickr-calendar.hasTime .flatpickr-time {
|
||||
box-shadow: 0 1px 0 #e4e6e8 inset;
|
||||
}
|
||||
.light-style .flatpickr-monthDropdown-months {
|
||||
color: #384551;
|
||||
}
|
||||
.light-style .flatpickr-current-month {
|
||||
font-size: 112%;
|
||||
color: #384551;
|
||||
}
|
||||
.light-style .flatpickr-current-month .cur-month,
|
||||
.light-style .flatpickr-current-month .cur-year {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 400;
|
||||
color: #384551;
|
||||
}
|
||||
.light-style .flatpickr-month,
|
||||
.light-style span.flatpickr-weekday,
|
||||
.light-style .flatpickr-weekdays {
|
||||
background: #fff;
|
||||
}
|
||||
.light-style .flatpickr-month {
|
||||
border-top-left-radius: 0.375rem;
|
||||
border-top-right-radius: 0.375rem;
|
||||
}
|
||||
.light-style .flatpickr-month option.flatpickr-monthDropdown-month {
|
||||
color: #384551;
|
||||
background: transparent;
|
||||
}
|
||||
.light-style span.flatpickr-weekday {
|
||||
color: #384551;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.light-style .flatpickr-day {
|
||||
color: #384551;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.light-style .flatpickr-day:hover, .light-style .flatpickr-day:focus, .light-style .flatpickr-day.prevMonthDay:hover, .light-style .flatpickr-day.nextMonthDay:hover, .light-style .flatpickr-day.today:hover, .light-style .flatpickr-day.prevMonthDay:focus, .light-style .flatpickr-day.nextMonthDay:focus, .light-style .flatpickr-day.today:focus {
|
||||
color: #384551;
|
||||
background: #f2f3f3;
|
||||
}
|
||||
.light-style .flatpickr-day:hover:not(.today), .light-style .flatpickr-day:focus:not(.today), .light-style .flatpickr-day.prevMonthDay:hover:not(.today), .light-style .flatpickr-day.nextMonthDay:hover:not(.today), .light-style .flatpickr-day.today:hover:not(.today), .light-style .flatpickr-day.prevMonthDay:focus:not(.today), .light-style .flatpickr-day.nextMonthDay:focus:not(.today), .light-style .flatpickr-day.today:focus:not(.today) {
|
||||
border-color: transparent;
|
||||
}
|
||||
.light-style .flatpickr-day.prevMonthDay, .light-style .flatpickr-day.nextMonthDay, .light-style .flatpickr-day.flatpickr-disabled {
|
||||
color: #a7acb2 !important;
|
||||
}
|
||||
.light-style .flatpickr-day.prevMonthDay.today, .light-style .flatpickr-day.nextMonthDay.today, .light-style .flatpickr-day.flatpickr-disabled.today {
|
||||
border: none;
|
||||
}
|
||||
.light-style .flatpickr-day.disabled {
|
||||
color: #a7acb2 !important;
|
||||
}
|
||||
.light-style .flatpickr-day.selected.startRange.endRange {
|
||||
border-radius: 0.375rem !important;
|
||||
}
|
||||
.light-style .flatpickr-weeks {
|
||||
border-bottom: 0 solid #e4e6e8;
|
||||
border-left: 0 solid #e4e6e8;
|
||||
background: #fff;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.light-style .flatpickr-weeks .flatpickr-day {
|
||||
color: #384551;
|
||||
}
|
||||
.light-style[dir=rtl] .flatpickr-weeks {
|
||||
border-right: 0 solid #e4e6e8;
|
||||
border-left: 0;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.light-style .flatpickr-time {
|
||||
border: 0 solid #e4e6e8;
|
||||
background: #fff;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.light-style .flatpickr-time input {
|
||||
color: #646e78;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.light-style .flatpickr-time .numInputWrapper span.arrowUp:after {
|
||||
border-bottom-color: #a7acb2;
|
||||
}
|
||||
.light-style .flatpickr-time .numInputWrapper span.arrowDown:after {
|
||||
border-top-color: #a7acb2;
|
||||
}
|
||||
.light-style .flatpickr-time .flatpickr-am-pm {
|
||||
color: #646e78;
|
||||
}
|
||||
.light-style .flatpickr-time .flatpickr-time-separator {
|
||||
color: #646e78;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.dark-style .flatpickr-calendar {
|
||||
background: #2b2c40;
|
||||
}
|
||||
.dark-style .flatpickr-prev-month,
|
||||
.dark-style .flatpickr-next-month {
|
||||
background-color: rgba(230, 230, 241, 0.08);
|
||||
}
|
||||
.dark-style .flatpickr-prev-month svg,
|
||||
.dark-style .flatpickr-next-month svg {
|
||||
fill: #b2b2c4;
|
||||
stroke: #b2b2c4;
|
||||
}
|
||||
.dark-style .flatpickr-calendar,
|
||||
.dark-style .flatpickr-days {
|
||||
width: calc(16.75rem + 0 * 2px) !important;
|
||||
}
|
||||
.dark-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks {
|
||||
width: calc(19rem + 0 * 3px + 0.355rem) !important;
|
||||
}
|
||||
.dark-style[dir=rtl] .flatpickr-calendar.hasWeeks {
|
||||
width: calc(19rem + 0 * 3px + 1rem) !important;
|
||||
}
|
||||
.dark-style .flatpickr-calendar.open {
|
||||
z-index: 1091;
|
||||
}
|
||||
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control:disabled,
|
||||
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid)[readonly],
|
||||
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control[readonly] {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dark-style .flatpickr-days {
|
||||
border: 0 solid #4e4f6c;
|
||||
border-top: 0;
|
||||
padding: 0.25rem 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
background: #2b2c40;
|
||||
background-clip: padding-box;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
}
|
||||
.dark-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-left: 0;
|
||||
padding-left: calc(0.5rem + 0px);
|
||||
box-shadow: 0 0 0 #4e4f6c inset;
|
||||
}
|
||||
.dark-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
|
||||
border-right: 0;
|
||||
padding-right: calc(0.5rem + 0px);
|
||||
box-shadow: 0 0 0 #4e4f6c inset;
|
||||
}
|
||||
.dark-style .flatpickr-calendar {
|
||||
line-height: 1.375;
|
||||
font-size: 0.9375rem;
|
||||
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
|
||||
background-color: #2b2c40;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time {
|
||||
display: none !important;
|
||||
}
|
||||
.dark-style .flatpickr-calendar.hasTime .flatpickr-time {
|
||||
box-shadow: 0 1px 0 #4e4f6c inset;
|
||||
}
|
||||
.dark-style .flatpickr-month,
|
||||
.dark-style span.flatpickr-weekday,
|
||||
.dark-style .flatpickr-weekdays {
|
||||
background: #2b2c40;
|
||||
}
|
||||
.dark-style .flatpickr-month {
|
||||
border-top-left-radius: 0.375rem;
|
||||
border-top-right-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .flatpickr-month option.flatpickr-monthDropdown-month {
|
||||
color: #b2b2c4;
|
||||
background: #2b2c40;
|
||||
}
|
||||
.dark-style .flatpickr-monthDropdown-months {
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style .flatpickr-current-month {
|
||||
font-size: 112%;
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style .flatpickr-current-month .cur-month,
|
||||
.dark-style .flatpickr-current-month .cur-year {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 400;
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style span.flatpickr-weekday {
|
||||
font-size: 0.8125rem;
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style .flatpickr-day {
|
||||
color: #d5d5e2;
|
||||
font-weight: 500;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .flatpickr-day:hover, .dark-style .flatpickr-day:focus, .dark-style .flatpickr-day.nextMonthDay:hover, .dark-style .flatpickr-day.prevMonthDay:hover, .dark-style .flatpickr-day.today:hover, .dark-style .flatpickr-day.nextMonthDay:focus, .dark-style .flatpickr-day.prevMonthDay:focus, .dark-style .flatpickr-day.today:focus {
|
||||
border-color: transparent;
|
||||
color: #d5d5e2;
|
||||
background: #434463;
|
||||
}
|
||||
.dark-style .flatpickr-day.nextMonthDay, .dark-style .flatpickr-day.prevMonthDay, .dark-style .flatpickr-day.flatpickr-disabled {
|
||||
color: #7e7f96 !important;
|
||||
}
|
||||
.dark-style .flatpickr-day.nextMonthDay.today, .dark-style .flatpickr-day.prevMonthDay.today, .dark-style .flatpickr-day.flatpickr-disabled.today {
|
||||
border: 0;
|
||||
}
|
||||
.dark-style .flatpickr-day.selected.startRange.endRange {
|
||||
border-radius: 0.375rem !important;
|
||||
}
|
||||
.dark-style .flatpickr-day.disabled {
|
||||
color: #7e7f96 !important;
|
||||
}
|
||||
.dark-style .flatpickr-weeks {
|
||||
border-bottom: 0 solid #4e4f6c;
|
||||
border-left: 0 solid #4e4f6c;
|
||||
background: #2b2c40;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.dark-style .flatpickr-weeks .flatpickr-day {
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style[dir=rtl] .flatpickr-weeks {
|
||||
border-right: 0 solid #4e4f6c;
|
||||
border-left: 0;
|
||||
}
|
||||
.dark-style .flatpickr-time {
|
||||
border: 0 solid #4e4f6c;
|
||||
background: #2b2c40;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.dark-style .flatpickr-time input {
|
||||
color: #b2b2c4;
|
||||
}
|
||||
.dark-style .flatpickr-time .numInputWrapper span.arrowUp:after {
|
||||
border-bottom-color: #7e7f96;
|
||||
}
|
||||
.dark-style .flatpickr-time .numInputWrapper span.arrowDown:after {
|
||||
border-top-color: #7e7f96;
|
||||
}
|
||||
.dark-style .flatpickr-time .flatpickr-am-pm {
|
||||
color: #b2b2c4;
|
||||
}
|
||||
.dark-style .flatpickr-time .flatpickr-time-separator {
|
||||
color: #b2b2c4;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
144
public/assets/vendor/libs/flatpickr/flatpickr.js
vendored
144
public/assets/vendor/libs/flatpickr/flatpickr.js
vendored
File diff suppressed because one or more lines are too long
837
public/assets/vendor/libs/spinkit/spinkit.css
vendored
837
public/assets/vendor/libs/spinkit/spinkit.css
vendored
@ -1,837 +0,0 @@
|
||||
/* Config */
|
||||
:root {
|
||||
--sk-size: 40px;
|
||||
--sk-color: #ff3e1d;
|
||||
}
|
||||
|
||||
/* Utility class for centering */
|
||||
.sk-center {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Plane
|
||||
|
||||
<div class="sk-plane"></div>
|
||||
*/
|
||||
|
||||
|
||||
.sk-plane {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
background-color: var(--sk-color);
|
||||
animation: sk-plane 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes sk-plane {
|
||||
0% {
|
||||
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
}
|
||||
}
|
||||
/* Chase
|
||||
|
||||
<div class="sk-chase">
|
||||
<div class="sk-chase-dot"></div>
|
||||
<div class="sk-chase-dot"></div>
|
||||
<div class="sk-chase-dot"></div>
|
||||
<div class="sk-chase-dot"></div>
|
||||
<div class="sk-chase-dot"></div>
|
||||
<div class="sk-chase-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-chase {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
animation: sk-chase 2.5s infinite linear both;
|
||||
}
|
||||
|
||||
.sk-chase-dot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
animation: sk-chase-dot 2s infinite ease-in-out both;
|
||||
}
|
||||
|
||||
.sk-chase-dot:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 100%;
|
||||
animation: sk-chase-dot-before 2s infinite ease-in-out both;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(1) {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(2) {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(3) {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(4) {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(5) {
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(6) {
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(1):before {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(2):before {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(3):before {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(4):before {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(5):before {
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.sk-chase-dot:nth-child(6):before {
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
@keyframes sk-chase {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes sk-chase-dot {
|
||||
80%, 100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes sk-chase-dot-before {
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
}
|
||||
100%, 0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Bounce
|
||||
|
||||
<div class="sk-bounce">
|
||||
<div class="sk-bounce-dot"></div>
|
||||
<div class="sk-bounce-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-bounce {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sk-bounce-dot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
background-color: var(--sk-color);
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
||||
}
|
||||
|
||||
.sk-bounce-dot:nth-child(2) {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
@keyframes sk-bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
45%, 55% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Wave
|
||||
|
||||
<div class="sk-wave">
|
||||
<div class="sk-wave-rect"></div>
|
||||
<div class="sk-wave-rect"></div>
|
||||
<div class="sk-wave-rect"></div>
|
||||
<div class="sk-wave-rect"></div>
|
||||
<div class="sk-wave-rect"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-wave {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sk-wave-rect {
|
||||
background-color: var(--sk-color);
|
||||
height: 100%;
|
||||
width: 15%;
|
||||
animation: sk-wave 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.sk-wave-rect:nth-child(1) {
|
||||
animation-delay: -1.2s;
|
||||
}
|
||||
|
||||
.sk-wave-rect:nth-child(2) {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-wave-rect:nth-child(3) {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-wave-rect:nth-child(4) {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-wave-rect:nth-child(5) {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
@keyframes sk-wave {
|
||||
0%, 40%, 100% {
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
20% {
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
/* Pulse
|
||||
|
||||
<div class="sk-pulse"></div>
|
||||
*/
|
||||
.sk-pulse {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 100%;
|
||||
animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
||||
}
|
||||
|
||||
@keyframes sk-pulse {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
/* Flow
|
||||
|
||||
<div class="sk-flow">
|
||||
<div class="sk-flow-dot"></div>
|
||||
<div class="sk-flow-dot"></div>
|
||||
<div class="sk-flow-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-flow {
|
||||
width: calc(var(--sk-size) * 1.3);
|
||||
height: calc(var(--sk-size) * 1.3);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sk-flow-dot {
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 50%;
|
||||
animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
|
||||
}
|
||||
|
||||
.sk-flow-dot:nth-child(1) {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.sk-flow-dot:nth-child(2) {
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
|
||||
@keyframes sk-flow {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0.3);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Swing
|
||||
|
||||
<div class="sk-swing">
|
||||
<div class="sk-swing-dot"></div>
|
||||
<div class="sk-swing-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-swing {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
animation: sk-swing 1.8s infinite linear;
|
||||
}
|
||||
|
||||
.sk-swing-dot {
|
||||
width: 45%;
|
||||
height: 45%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 100%;
|
||||
animation: sk-swing-dot 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.sk-swing-dot:nth-child(2) {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
@keyframes sk-swing {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes sk-swing-dot {
|
||||
0%, 100% {
|
||||
transform: scale(0.2);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Circle
|
||||
|
||||
<div class="sk-circle">
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
<div class="sk-circle-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-circle {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sk-circle-dot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sk-circle-dot:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 15%;
|
||||
height: 15%;
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 100%;
|
||||
animation: sk-circle 1.2s infinite ease-in-out both;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(1) {
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(2) {
|
||||
transform: rotate(60deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(3) {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(4) {
|
||||
transform: rotate(120deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(5) {
|
||||
transform: rotate(150deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(6) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(7) {
|
||||
transform: rotate(210deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(8) {
|
||||
transform: rotate(240deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(9) {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(10) {
|
||||
transform: rotate(300deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(11) {
|
||||
transform: rotate(330deg);
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(1):before {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(2):before {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(3):before {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(4):before {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(5):before {
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(6):before {
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(7):before {
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(8):before {
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(9):before {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(10):before {
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
|
||||
.sk-circle-dot:nth-child(11):before {
|
||||
animation-delay: -0.1s;
|
||||
}
|
||||
|
||||
@keyframes sk-circle {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Circle Fade
|
||||
|
||||
<div class="sk-circle-fade">
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
<div class="sk-circle-fade-dot"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-circle-fade {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 15%;
|
||||
height: 15%;
|
||||
background-color: var(--sk-color);
|
||||
border-radius: 100%;
|
||||
animation: sk-circle-fade 1.2s infinite ease-in-out both;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(1) {
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(2) {
|
||||
transform: rotate(60deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(3) {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(4) {
|
||||
transform: rotate(120deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(5) {
|
||||
transform: rotate(150deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(6) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(7) {
|
||||
transform: rotate(210deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(8) {
|
||||
transform: rotate(240deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(9) {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(10) {
|
||||
transform: rotate(300deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(11) {
|
||||
transform: rotate(330deg);
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(1):before {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(2):before {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(3):before {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(4):before {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(5):before {
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(6):before {
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(7):before {
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(8):before {
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(9):before {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(10):before {
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
|
||||
.sk-circle-fade-dot:nth-child(11):before {
|
||||
animation-delay: -0.1s;
|
||||
}
|
||||
|
||||
@keyframes sk-circle-fade {
|
||||
0%, 39%, 100% {
|
||||
opacity: 0;
|
||||
transform: scale(0.6);
|
||||
}
|
||||
40% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Grid
|
||||
|
||||
<div class="sk-grid">
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
<div class="sk-grid-cube"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-grid {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
/* Cube positions
|
||||
* 1 2 3
|
||||
* 4 5 6
|
||||
* 7 8 9
|
||||
*/
|
||||
}
|
||||
|
||||
.sk-grid-cube {
|
||||
width: 33.33%;
|
||||
height: 33.33%;
|
||||
background-color: var(--sk-color);
|
||||
float: left;
|
||||
animation: sk-grid 1.3s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(1) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(2) {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(3) {
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(4) {
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(5) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(6) {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(7) {
|
||||
animation-delay: 0s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(8) {
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
|
||||
.sk-grid-cube:nth-child(9) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
@keyframes sk-grid {
|
||||
0%, 70%, 100% {
|
||||
transform: scale3D(1, 1, 1);
|
||||
}
|
||||
35% {
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
}
|
||||
/* Fold
|
||||
|
||||
<div class="sk-fold">
|
||||
<div class="sk-fold-cube"></div>
|
||||
<div class="sk-fold-cube"></div>
|
||||
<div class="sk-fold-cube"></div>
|
||||
<div class="sk-fold-cube"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-fold {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
position: relative;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.sk-fold-cube:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--sk-color);
|
||||
animation: sk-fold 2.4s infinite linear both;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(2) {
|
||||
transform: scale(1.1) rotateZ(90deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(4) {
|
||||
transform: scale(1.1) rotateZ(180deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(3) {
|
||||
transform: scale(1.1) rotateZ(270deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(2):before {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(4):before {
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(3):before {
|
||||
animation-delay: 0.9s;
|
||||
}
|
||||
|
||||
@keyframes sk-fold {
|
||||
0%, 10% {
|
||||
transform: perspective(140px) rotateX(-180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
25%, 75% {
|
||||
transform: perspective(140px) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
90%, 100% {
|
||||
transform: perspective(140px) rotateY(180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
/* Wander
|
||||
|
||||
<div class="sk-wander">
|
||||
<div class="sk-wander-cube"></div>
|
||||
<div class="sk-wander-cube"></div>
|
||||
<div class="sk-wander-cube"></div>
|
||||
<div class="sk-wander-cube"></div>
|
||||
</div>
|
||||
*/
|
||||
.sk-wander {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sk-wander-cube {
|
||||
background-color: var(--sk-color);
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
--sk-wander-distance: calc(var(--sk-size) * 0.75);
|
||||
animation: sk-wander 2s ease-in-out -2s infinite both;
|
||||
}
|
||||
|
||||
.sk-wander-cube:nth-child(2) {
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.sk-wander-cube:nth-child(3) {
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
@keyframes sk-wander {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
25% {
|
||||
transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
|
||||
}
|
||||
50% { /* Make FF rotate in the right direction */
|
||||
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
|
||||
}
|
||||
50.1% {
|
||||
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
|
||||
}
|
||||
75% {
|
||||
transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--sk-size: 30px;
|
||||
|
||||
}
|
||||
|
||||
.sk-wave {
|
||||
width: 40px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sk-fading-circle .sk-circle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sk-wave {
|
||||
width: 40px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sk-fading-circle .sk-circle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
879
public/assets/vendor/libs/tagify/tagify.css
vendored
879
public/assets/vendor/libs/tagify/tagify.css
vendored
@ -1,879 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
:root {
|
||||
--tagify-dd-color-primary: rgb(53,149,246);
|
||||
--tagify-dd-bg-color: white;
|
||||
--tagify-dd-item-pad: .3em .5em;
|
||||
--tagify-dd-max-height: 300px;
|
||||
}
|
||||
|
||||
.tagify {
|
||||
--tags-disabled-bg: #F1F1F1;
|
||||
--tags-border-color: #DDD;
|
||||
--tags-hover-border-color: #CCC;
|
||||
--tags-focus-border-color: #3595f6;
|
||||
--tag-border-radius: 3px;
|
||||
--tag-bg: rgba(167, 172, 178, 0.5);
|
||||
--tag-hover: #D3E2E2;
|
||||
--tag-text-color: black;
|
||||
--tag-text-color--edit: black;
|
||||
--tag-pad: 0.3em 0.5em;
|
||||
--tag-inset-shadow-size: 2em;
|
||||
--tag-invalid-color: #ff3e1d;
|
||||
--tag-invalid-bg: rgba(255, 62, 29, 0.5);
|
||||
--tag--min-width: 1ch;
|
||||
--tag--max-width: auto;
|
||||
--tag-hide-transition: 0.3s;
|
||||
--tag-remove-bg: rgba(255, 62, 29, 0.3);
|
||||
--tag-remove-btn-color: #7a838b;
|
||||
--tag-remove-btn-bg: none;
|
||||
--tag-remove-btn-bg--hover: #ff2804;
|
||||
--input-color: inherit;
|
||||
--placeholder-color: rgba(0, 0, 0, 0.4);
|
||||
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
|
||||
--loader-size: .8em;
|
||||
--readonly-striped: 1;
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
border: 1px solid var(--tags-border-color);
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
cursor: text;
|
||||
outline: none;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
transition: 0.1s;
|
||||
}
|
||||
@keyframes tags--bump {
|
||||
30% {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
@keyframes rotateLoader {
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
|
||||
--tags-border-color: var(--tags-hover-border-color);
|
||||
}
|
||||
.tagify[disabled] {
|
||||
background: var(--tags-disabled-bg);
|
||||
filter: saturate(0);
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
|
||||
pointer-events: none;
|
||||
}
|
||||
.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
|
||||
cursor: default;
|
||||
}
|
||||
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
|
||||
padding: var(--tag-pad);
|
||||
}
|
||||
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
|
||||
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
||||
}
|
||||
@keyframes readonlyStyles {
|
||||
0% {
|
||||
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
||||
box-shadow: none;
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
|
||||
display: none;
|
||||
}
|
||||
.tagify--loading .tagify__input > br:last-child {
|
||||
display: none;
|
||||
}
|
||||
.tagify--loading .tagify__input::before {
|
||||
content: none;
|
||||
}
|
||||
.tagify--loading .tagify__input::after {
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
opacity: 1;
|
||||
width: 0.7em;
|
||||
height: 0.7em;
|
||||
width: var(--loader-size);
|
||||
height: var(--loader-size);
|
||||
min-width: 0;
|
||||
border: 3px solid;
|
||||
border-color: #EEE #BBB #888 transparent;
|
||||
border-radius: 50%;
|
||||
animation: rotateLoader 0.4s infinite linear;
|
||||
content: "" !important;
|
||||
margin: -2px 0 -2px 0.5em;
|
||||
}
|
||||
.tagify--loading .tagify__input:empty::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
.tagify + input,
|
||||
.tagify + textarea {
|
||||
position: absolute !important;
|
||||
left: -9999em !important;
|
||||
transform: scale(0) !important;
|
||||
}
|
||||
.tagify__tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
max-width: calc(var(--tag--max-width) - 10px);
|
||||
margin-inline: 5px 0;
|
||||
margin-block: 5px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
outline: none;
|
||||
line-height: normal;
|
||||
cursor: default;
|
||||
transition: 0.13s ease-out;
|
||||
}
|
||||
.tagify__tag > div {
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
padding: var(--tag-pad);
|
||||
color: var(--tag-text-color);
|
||||
line-height: inherit;
|
||||
border-radius: var(--tag-border-radius);
|
||||
white-space: nowrap;
|
||||
transition: 0.13s ease-out;
|
||||
}
|
||||
.tagify__tag > div > * {
|
||||
white-space: pre-wrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
min-width: var(--tag--min-width);
|
||||
max-width: var(--tag--max-width);
|
||||
transition: 0.8s ease, 0.1s color;
|
||||
}
|
||||
.tagify__tag > div > *[contenteditable] {
|
||||
outline: none;
|
||||
user-select: text;
|
||||
cursor: text;
|
||||
margin: -2px;
|
||||
padding: 2px;
|
||||
max-width: 350px;
|
||||
}
|
||||
.tagify__tag > div::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-radius: inherit;
|
||||
inset: var(--tag-bg-inset, 0);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
transition: 120ms ease;
|
||||
animation: tags--bump 0.3s ease-out 1;
|
||||
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
|
||||
}
|
||||
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
|
||||
--tag-bg-inset: -2.5px;
|
||||
--tag-bg: var(--tag-hover);
|
||||
}
|
||||
.tagify__tag--loading {
|
||||
pointer-events: none;
|
||||
}
|
||||
.tagify__tag--loading .tagify__tag__removeBtn {
|
||||
display: none;
|
||||
}
|
||||
.tagify__tag--loading::after {
|
||||
--loader-size: .4em;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
opacity: 1;
|
||||
width: 0.7em;
|
||||
height: 0.7em;
|
||||
width: var(--loader-size);
|
||||
height: var(--loader-size);
|
||||
min-width: 0;
|
||||
border: 3px solid;
|
||||
border-color: #EEE #BBB #888 transparent;
|
||||
border-radius: 50%;
|
||||
animation: rotateLoader 0.4s infinite linear;
|
||||
margin: 0 0.5em 0 -0.1em;
|
||||
}
|
||||
.tagify__tag--flash div::before {
|
||||
animation: none;
|
||||
}
|
||||
.tagify__tag--hide {
|
||||
width: 0 !important;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
transition: var(--tag-hide-transition);
|
||||
pointer-events: none;
|
||||
}
|
||||
.tagify__tag--hide > div > * {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tagify__tag.tagify--noAnim > div::before {
|
||||
animation: none;
|
||||
}
|
||||
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
|
||||
--tag-bg: var(--tag-invalid-bg);
|
||||
transition: 0.2s;
|
||||
}
|
||||
.tagify__tag[readonly] .tagify__tag__removeBtn {
|
||||
display: none;
|
||||
}
|
||||
.tagify__tag[readonly] > div::before {
|
||||
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
||||
}
|
||||
@keyframes readonlyStyles {
|
||||
0% {
|
||||
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
||||
box-shadow: none;
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
.tagify__tag--editable > div {
|
||||
color: var(--tag-text-color--edit);
|
||||
}
|
||||
.tagify__tag--editable > div::before {
|
||||
box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
|
||||
}
|
||||
.tagify__tag--editable > .tagify__tag__removeBtn {
|
||||
pointer-events: none;
|
||||
}
|
||||
.tagify__tag--editable > .tagify__tag__removeBtn::after {
|
||||
opacity: 0;
|
||||
transform: translateX(100%) translateX(5px);
|
||||
}
|
||||
.tagify__tag--editable.tagify--invalid > div::before {
|
||||
box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
|
||||
}
|
||||
.tagify__tag__removeBtn {
|
||||
order: 5;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50px;
|
||||
cursor: pointer;
|
||||
font: 14px/1 Arial;
|
||||
background: var(--tag-remove-btn-bg);
|
||||
color: var(--tag-remove-btn-color);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-inline: auto 4.6666666667px;
|
||||
overflow: hidden;
|
||||
transition: 0.2s ease-out;
|
||||
}
|
||||
.tagify__tag__removeBtn::after {
|
||||
content: "×";
|
||||
transition: 0.3s, color 0s;
|
||||
}
|
||||
.tagify__tag__removeBtn:hover {
|
||||
color: white;
|
||||
background: var(--tag-remove-btn-bg--hover);
|
||||
}
|
||||
.tagify__tag__removeBtn:hover + div > span {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tagify__tag__removeBtn:hover + div::before {
|
||||
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(255, 62, 29, 0.3)) inset !important;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
.tagify:not(.tagify--mix) .tagify__input br {
|
||||
display: none;
|
||||
}
|
||||
.tagify:not(.tagify--mix) .tagify__input * {
|
||||
display: inline;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tagify__input {
|
||||
flex-grow: 1;
|
||||
display: inline-block;
|
||||
min-width: 110px;
|
||||
margin: 5px;
|
||||
padding: var(--tag-pad);
|
||||
line-height: normal;
|
||||
position: relative;
|
||||
white-space: pre-wrap;
|
||||
color: var(--input-color);
|
||||
box-sizing: inherit;
|
||||
/* Seems firefox newer versions don't need this any more
|
||||
@supports ( -moz-appearance:none ){
|
||||
&::before{
|
||||
line-height: inherit;
|
||||
position:relative;
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
@-moz-document url-prefix() {}
|
||||
.tagify__input:empty::before {
|
||||
position: static;
|
||||
}
|
||||
.tagify__input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.tagify__input:focus::before {
|
||||
transition: 0.2s ease-out;
|
||||
opacity: 0;
|
||||
transform: translatex(6px);
|
||||
/* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
|
||||
/* IE Edge 12+ CSS styles go here */
|
||||
}
|
||||
@supports (-ms-ime-align: auto) {
|
||||
.tagify__input:focus::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.tagify__input:focus:empty::before {
|
||||
transition: 0.2s ease-out;
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
color: var(--placeholder-color-focus);
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.tagify__input:focus:empty::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.tagify__input::before {
|
||||
content: attr(data-placeholder);
|
||||
height: 1em;
|
||||
line-height: 1em;
|
||||
margin: auto 0;
|
||||
z-index: 1;
|
||||
color: var(--placeholder-color);
|
||||
white-space: nowrap;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.tagify__input::after {
|
||||
content: attr(data-suggest);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
min-width: calc(100% - 1.5em);
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: pre; /* allows spaces at the beginning */
|
||||
color: var(--tag-text-color);
|
||||
opacity: 0.3;
|
||||
pointer-events: none;
|
||||
max-width: 100px;
|
||||
}
|
||||
.tagify__input .tagify__tag {
|
||||
margin: 0 1px;
|
||||
}
|
||||
.tagify--mix {
|
||||
display: block;
|
||||
}
|
||||
.tagify--mix .tagify__input {
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 1.5;
|
||||
display: block;
|
||||
}
|
||||
.tagify--mix .tagify__input::before {
|
||||
height: auto;
|
||||
display: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.tagify--mix .tagify__input::after {
|
||||
content: none;
|
||||
}
|
||||
.tagify--select::after {
|
||||
content: ">";
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
font: 16px monospace;
|
||||
line-height: 8px;
|
||||
height: 8px;
|
||||
pointer-events: none;
|
||||
transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
.tagify--select[aria-expanded=true]::after {
|
||||
transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
|
||||
}
|
||||
.tagify--select .tagify__tag {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1.8em;
|
||||
bottom: 0;
|
||||
}
|
||||
.tagify--select .tagify__tag div {
|
||||
display: none;
|
||||
}
|
||||
.tagify--select .tagify__input {
|
||||
width: 100%;
|
||||
}
|
||||
.tagify--empty .tagify__input::before {
|
||||
transition: 0.2s ease-out;
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
.tagify--mix .tagify--empty .tagify__input::before {
|
||||
display: inline-block;
|
||||
}
|
||||
.tagify--focus {
|
||||
--tags-border-color: var(--tags-focus-border-color);
|
||||
transition: 0s;
|
||||
}
|
||||
.tagify--invalid {
|
||||
--tags-border-color: #ff3e1d;
|
||||
}
|
||||
.tagify__dropdown {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
transform: translateY(-1px);
|
||||
border-top: 1px solid var(--tagify-dd-color-primary);
|
||||
overflow: hidden;
|
||||
}
|
||||
.tagify__dropdown[dir=rtl] {
|
||||
transform: translate(-100%, -1px);
|
||||
}
|
||||
.tagify__dropdown[placement=top] {
|
||||
margin-top: 0;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
|
||||
border-top-width: 1.1px;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.tagify__dropdown[position=text] {
|
||||
box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
|
||||
border-width: 1px;
|
||||
}
|
||||
.tagify__dropdown__wrapper {
|
||||
max-height: var(--tagify-dd-max-height);
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
background: var(--tagify-dd-bg-color);
|
||||
border: 1px solid;
|
||||
border-color: var(--tagify-dd-color-primary);
|
||||
border-bottom-width: 1.5px;
|
||||
border-top-width: 0;
|
||||
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
|
||||
transition: 0.3s cubic-bezier(0.5, 0, 0.3, 1), transform 0.15s;
|
||||
animation: dd-wrapper-show 0s 0.3s forwards;
|
||||
}
|
||||
@keyframes dd-wrapper-show {
|
||||
to {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
.tagify__dropdown__header:empty {
|
||||
display: none;
|
||||
}
|
||||
.tagify__dropdown__footer {
|
||||
display: inline-block;
|
||||
margin-top: 0.5em;
|
||||
padding: var(--tagify-dd-item-pad);
|
||||
font-size: 0.7em;
|
||||
font-style: italic;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tagify__dropdown__footer:empty {
|
||||
display: none;
|
||||
}
|
||||
.tagify__dropdown--initial .tagify__dropdown__wrapper {
|
||||
max-height: 20px;
|
||||
transform: translateY(-1em);
|
||||
}
|
||||
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
|
||||
transform: translateY(2em);
|
||||
}
|
||||
.tagify__dropdown__item {
|
||||
box-sizing: border-box;
|
||||
padding: var(--tagify-dd-item-pad);
|
||||
margin: 1px;
|
||||
white-space: pre-wrap;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
outline: none;
|
||||
max-height: 60px;
|
||||
max-width: 100%;
|
||||
/* custom hidden transition effect is needed for horizontal-layout suggestions */
|
||||
}
|
||||
.tagify__dropdown__item--active {
|
||||
background: var(--tagify-dd-color-primary);
|
||||
color: white;
|
||||
}
|
||||
.tagify__dropdown__item:active {
|
||||
filter: brightness(105%);
|
||||
}
|
||||
.tagify__dropdown__item--hidden {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0 1px;
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
|
||||
}
|
||||
.tagify__dropdown__item--hidden > * {
|
||||
transform: translateY(-100%);
|
||||
opacity: 0;
|
||||
transition: inherit;
|
||||
}
|
||||
|
||||
/* Suggestions items */
|
||||
.tagify__dropdown.users-list {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.tagify__dropdown.users-list .addAll {
|
||||
display: block !important;
|
||||
}
|
||||
.tagify__dropdown.users-list .tagify__dropdown__item {
|
||||
padding: 0.5em 0.7em;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0 1em;
|
||||
grid-template-areas: "avatar name" "avatar email";
|
||||
}
|
||||
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
|
||||
grid-area: avatar;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
transition: 0.1s ease-out;
|
||||
}
|
||||
.tagify__dropdown.users-list img {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
.tagify__dropdown.users-list strong {
|
||||
grid-area: name;
|
||||
width: 100%;
|
||||
align-self: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
.tagify__dropdown.users-list span {
|
||||
grid-area: email;
|
||||
width: 100%;
|
||||
font-size: 0.9em;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* Tags items */
|
||||
.tagify__tag {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tagify__tag .tagify__tag__avatar-wrap {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
white-space: normal;
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
transition: 0.12s ease-out;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tagify__tag img {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
[dir=rtl] .tagify__tag .tagify__tag__avatar-wrap {
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.light-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
|
||||
background: #f5f5f9;
|
||||
}
|
||||
.light-style .tagify__tag .tagify__tag__avatar-wrap {
|
||||
background: #f5f5f9;
|
||||
}
|
||||
.light-style .tagify__dropdown.users-list .addAll {
|
||||
border-bottom: 1px solid #e4e6e8;
|
||||
}
|
||||
|
||||
.dark-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
|
||||
background: #232333;
|
||||
}
|
||||
.dark-style .tagify__tag .tagify__tag__avatar-wrap {
|
||||
background: #232333;
|
||||
}
|
||||
.dark-style .tagify__dropdown.users-list .addAll {
|
||||
border-bottom: 1px solid #4e4f6c;
|
||||
}
|
||||
|
||||
.tags-inline .tagify__dropdown__wrapper {
|
||||
padding: 0 0.4375rem 0.4375rem 0.4375rem;
|
||||
}
|
||||
.tags-inline .tagify__dropdown__item {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
padding: 0.3em 0.5em;
|
||||
margin: 0.4375rem 0.4375rem 0 0;
|
||||
font-size: 0.85em;
|
||||
transition: 0s;
|
||||
}
|
||||
|
||||
[dir=rtl] .tags-inline .tagify__dropdown__item {
|
||||
margin: 0.4375rem 0 0 0.4375rem;
|
||||
}
|
||||
|
||||
.light-style .tags-inline .tagify__dropdown__item {
|
||||
border: 1px solid #e4e6e8;
|
||||
color: #646e78;
|
||||
}
|
||||
|
||||
.dark-style .tags-inline .tagify__dropdown__item {
|
||||
border: 1px solid #4e4f6c;
|
||||
color: #b2b2c4;
|
||||
}
|
||||
|
||||
.tagify-email-list {
|
||||
display: inline-block;
|
||||
min-width: 0;
|
||||
border: none;
|
||||
/* Do not show the "remove tag" (x) button when only a single tag remains */
|
||||
}
|
||||
.tagify-email-list.tagify {
|
||||
padding: 0 !important;
|
||||
padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
|
||||
}
|
||||
.tagify-email-list.tagify {
|
||||
padding: 0 !important;
|
||||
padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
|
||||
}
|
||||
.tagify-email-list.tagify.tagify--focus {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.tagify-email-list .tagify__tag {
|
||||
margin: 0;
|
||||
margin-inline-start: 0 !important;
|
||||
margin-inline-end: 0.625rem !important;
|
||||
margin-bottom: 0.4375rem !important;
|
||||
}
|
||||
.tagify-email-list .tagify__tag > div {
|
||||
padding: 0.21875rem 0.4375rem !important;
|
||||
padding-inline: 0.875rem !important;
|
||||
}
|
||||
.tagify-email-list .tagify__tag:only-of-type > div {
|
||||
padding-inline: 0.4375rem !important;
|
||||
}
|
||||
.tagify-email-list .tagify__tag:only-of-type .tagify__tag__removeBtn {
|
||||
display: none;
|
||||
}
|
||||
.tagify-email-list .tagify__tag__removeBtn {
|
||||
opacity: 0;
|
||||
transform: translateX(-6px) scale(0.5);
|
||||
margin-left: -3ch;
|
||||
transition: 0.12s;
|
||||
position: absolute;
|
||||
inset-inline-end: 0;
|
||||
}
|
||||
.tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
margin-left: -1ch;
|
||||
}
|
||||
.tagify-email-list .tagify__input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tagify__tag > div {
|
||||
border-radius: 50rem;
|
||||
}
|
||||
|
||||
[dir=rtl] .tagify-email-list .tagify__tag {
|
||||
margin: 0 0.4375rem 0.4375rem 0;
|
||||
}
|
||||
[dir=rtl] .tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
|
||||
margin-left: auto;
|
||||
margin-right: -1ch;
|
||||
}
|
||||
[dir=rtl] .tagify-email-list .tagify__tag__removeBtn {
|
||||
transform: translateX(6px) scale(0.5);
|
||||
margin-left: auto;
|
||||
margin-right: -3ch;
|
||||
}
|
||||
|
||||
.light-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
|
||||
box-shadow: 0 0 0 2px #e4e6e8 inset !important;
|
||||
}
|
||||
|
||||
.dark-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
|
||||
box-shadow: 0 0 0 2px #4e4f6c inset !important;
|
||||
}
|
||||
|
||||
.tagify.form-control {
|
||||
transition: none;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
/* padding: calc(2px - var(--bs-border-width)) 0.4375rem 0.4231rem !important; */
|
||||
padding: calc(2px - var(--bs-border-width)) 0.4375rem 0.2rem !important;
|
||||
}
|
||||
.fv-plugins-bootstrap5-row-invalid .tagify.form-control {
|
||||
padding: 0 calc(0.4375rem - var(--bs-border-width)) calc(0.4375rem - 2px) !important;
|
||||
}
|
||||
.tagify.tagify--focus, .tagify.form-control:focus {
|
||||
padding: 0 calc(0.4375rem - var(--bs-border-width)) 0.3606rem !important;
|
||||
border-width: 2px;
|
||||
}
|
||||
.tagify__tag, .tagify__input {
|
||||
margin: 0.1875rem 0.625rem 0 0 !important;
|
||||
line-height: 1;
|
||||
}
|
||||
.tagify__input {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.tagify__input:empty::before {
|
||||
top: 4px;
|
||||
}
|
||||
.tagify__tag > div {
|
||||
line-height: 1.5rem;
|
||||
padding: 0 0 0 0.4375rem;
|
||||
}
|
||||
.tagify__tag__removeBtn {
|
||||
margin-right: 0.1375rem;
|
||||
margin-left: 0.21875rem;
|
||||
font-family: "boxicons";
|
||||
font-size: 1rem;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.tagify__tag__removeBtn:hover {
|
||||
background: none;
|
||||
color: #ff2804 !important;
|
||||
}
|
||||
.tagify__tag__removeBtn::after {
|
||||
content: "\ef06";
|
||||
}
|
||||
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.tagify__dropdown {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
|
||||
padding: 0 0.4375rem 0 0.4375rem !important;
|
||||
}
|
||||
.tagify__input {
|
||||
padding: 0;
|
||||
}
|
||||
.tagify__tag-text {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tagify.form-control {
|
||||
padding-top: 0.1412rem !important;
|
||||
}
|
||||
.tagify.tagify--focus, .tagify.form-control:focus {
|
||||
padding-top: calc(0.1412rem - 1px) !important;
|
||||
}
|
||||
|
||||
.tagify__tag__removeBtn {
|
||||
margin-inline-end: 0.3rem;
|
||||
}
|
||||
|
||||
[dir=rtl] .tagify__tag, [dir=rtl] .tagify__input {
|
||||
margin: 0.4375rem 0 0 0.4375rem;
|
||||
}
|
||||
[dir=rtl] .tagify + input,
|
||||
[dir=rtl] .tagify + textarea {
|
||||
left: 0;
|
||||
right: -9999em !important;
|
||||
}
|
||||
[dir=rtl] .tagify__tag > div {
|
||||
padding: 0 0.6875rem 0 0;
|
||||
}
|
||||
[dir=rtl] .tagify__tag__removeBtn {
|
||||
margin-left: 0.4375rem;
|
||||
margin-right: 0.21875rem;
|
||||
}
|
||||
|
||||
.light-style .tagify__tag > div::before {
|
||||
box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.08) inset;
|
||||
}
|
||||
.light-style .tagify__tag .tagify__tag-text {
|
||||
color: #384551;
|
||||
}
|
||||
.light-style .tagify__tag:hover:not([readonly]) div::before, .light-style .tagify__tag:focus div::before {
|
||||
box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.12) inset;
|
||||
}
|
||||
.light-style .tagify__tag__removeBtn {
|
||||
color: #7a838b;
|
||||
}
|
||||
.light-style .tagify__tag__removeBtn:hover + div::before {
|
||||
background: rgba(255, 62, 29, 0.3);
|
||||
}
|
||||
.light-style .tagify:hover:not([readonly]) {
|
||||
border-color: #ced1d5;
|
||||
}
|
||||
.light-style .tagify__input::before {
|
||||
color: #a7acb2 !important;
|
||||
}
|
||||
.light-style .tagify__dropdown {
|
||||
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
|
||||
border-top-color: #e4e6e8;
|
||||
}
|
||||
.light-style .tagify__dropdown__wrapper {
|
||||
background: #fff;
|
||||
border-color: #e4e6e8;
|
||||
}
|
||||
|
||||
.dark-style .tagify__tag > div::before {
|
||||
box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.08) inset;
|
||||
}
|
||||
.dark-style .tagify__tag > div .tagify__tag-text {
|
||||
color: #d5d5e2;
|
||||
}
|
||||
.dark-style .tagify__tag:hover:not([readonly]) div::before, .dark-style .tagify__tag:focus div::before {
|
||||
box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.12) inset;
|
||||
}
|
||||
.dark-style .tagify__tag__removeBtn {
|
||||
color: #a1a1b5;
|
||||
}
|
||||
.dark-style .tagify__tag__removeBtn:hover + div::before {
|
||||
background: rgba(255, 62, 29, 0.3);
|
||||
}
|
||||
.dark-style .tagify:hover:not([readonly]) {
|
||||
border-color: #5f607b;
|
||||
}
|
||||
.dark-style .tagify__input::before {
|
||||
color: #7e7f96 !important;
|
||||
}
|
||||
.dark-style .tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
|
||||
background: linear-gradient(45deg, #5f607b 25%, transparent 25%, transparent 50%, #5f607b 50%, #5f607b 75%, transparent 75%, transparent) 0/5px 5px;
|
||||
}
|
||||
.dark-style .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
|
||||
animation: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.dark-style .tagify__dropdown {
|
||||
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
|
||||
border-top-color: #4e4f6c;
|
||||
}
|
||||
.dark-style .tagify__dropdown__wrapper {
|
||||
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
|
||||
background: #2b2c40;
|
||||
border-color: #4e4f6c;
|
||||
}
|
||||
120
public/assets/vendor/libs/tagify/tagify.js
vendored
120
public/assets/vendor/libs/tagify/tagify.js
vendored
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 308 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 165 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 166 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
BIN
public/img/avatars/1.png
Normal file
BIN
public/img/avatars/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/img/avatars/5.png
Normal file
BIN
public/img/avatars/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/img/avatars/6.png
Normal file
BIN
public/img/avatars/6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/img/avatars/7.png
Normal file
BIN
public/img/avatars/7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 411 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 787 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 786 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 237 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 127 KiB |
BIN
public/img/elements/1.jpg
Normal file
BIN
public/img/elements/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/img/elements/11.jpg
Normal file
BIN
public/img/elements/11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/img/elements/12.jpg
Normal file
BIN
public/img/elements/12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/img/elements/13.jpg
Normal file
BIN
public/img/elements/13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/img/elements/17.jpg
Normal file
BIN
public/img/elements/17.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/img/elements/18.jpg
Normal file
BIN
public/img/elements/18.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/img/elements/19.jpg
Normal file
BIN
public/img/elements/19.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/img/elements/2.jpg
Normal file
BIN
public/img/elements/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/img/elements/20.jpg
Normal file
BIN
public/img/elements/20.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/img/elements/3.jpg
Normal file
BIN
public/img/elements/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/img/elements/4.jpg
Normal file
BIN
public/img/elements/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/img/elements/5.jpg
Normal file
BIN
public/img/elements/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/img/elements/7.jpg
Normal file
BIN
public/img/elements/7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 500 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 201 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 233 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 860 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
@ -1,4 +0,0 @@
|
||||
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M14.125 50.9038C11.825 48.6038 13.35 43.7788 12.175 40.9538C11 38.1288 6.5 35.6538 6.5 32.5288C6.5 29.4038 10.95 27.0288 12.175 24.1038C13.4 21.1788 11.825 16.4538 14.125 14.1538C16.425 11.8538 21.25 13.3788 24.075 12.2038C26.9 11.0288 29.375 6.52881 32.5 6.52881C35.625 6.52881 38 10.9788 40.925 12.2038C43.85 13.4288 48.575 11.8538 50.875 14.1538C53.175 16.4538 51.65 21.2788 52.825 24.1038C54 26.9288 58.5 29.4038 58.5 32.5288C58.5 35.6538 54.05 38.0288 52.825 40.9538C51.6 43.8788 53.175 48.6038 50.875 50.9038C48.575 53.2038 43.75 51.6788 40.925 52.8538C38.1 54.0288 35.625 58.5288 32.5 58.5288C29.375 58.5288 27 54.0788 24.075 52.8538C21.15 51.6288 16.425 53.2038 14.125 50.9038Z" fill="#FFAB00"/>
|
||||
<path d="M43.5 26.5288L28.825 40.5288L21.5 33.5288M14.125 50.9038C11.825 48.6038 13.35 43.7788 12.175 40.9538C11 38.1288 6.5 35.6538 6.5 32.5288C6.5 29.4038 10.95 27.0288 12.175 24.1038C13.4 21.1788 11.825 16.4538 14.125 14.1538C16.425 11.8538 21.25 13.3788 24.075 12.2038C26.9 11.0288 29.375 6.52881 32.5 6.52881C35.625 6.52881 38 10.9788 40.925 12.2038C43.85 13.4288 48.575 11.8538 50.875 14.1538C53.175 16.4538 51.65 21.2788 52.825 24.1038C54 26.9288 58.5 29.4038 58.5 32.5288C58.5 35.6538 54.05 38.0288 52.825 40.9538C51.6 43.8788 53.175 48.6038 50.875 50.9038C48.575 53.2038 43.75 51.6788 40.925 52.8538C38.1 54.0288 35.625 58.5288 32.5 58.5288C29.375 58.5288 27 54.0788 24.075 52.8538C21.15 51.6288 16.425 53.2038 14.125 50.9038Z" stroke="#FFAB00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
@ -1,4 +0,0 @@
|
||||
<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M13.625 50.8413C11.325 48.5413 12.85 43.7163 11.675 40.8913C10.5 38.0663 6 35.5913 6 32.4663C6 29.3413 10.45 26.9663 11.675 24.0413C12.9 21.1163 11.325 16.3913 13.625 14.0913C15.925 11.7913 20.75 13.3163 23.575 12.1413C26.4 10.9663 28.875 6.46631 32 6.46631C35.125 6.46631 37.5 10.9163 40.425 12.1413C43.35 13.3663 48.075 11.7913 50.375 14.0913C52.675 16.3913 51.15 21.2163 52.325 24.0413C53.5 26.8663 58 29.3413 58 32.4663C58 35.5913 53.55 37.9663 52.325 40.8913C51.1 43.8163 52.675 48.5413 50.375 50.8413C48.075 53.1413 43.25 51.6163 40.425 52.7913C37.6 53.9663 35.125 58.4663 32 58.4663C28.875 58.4663 26.5 54.0163 23.575 52.7913C20.65 51.5663 15.925 53.1413 13.625 50.8413Z" fill="#696CFF"/>
|
||||
<path d="M43 26.4663L28.325 40.4663L21 33.4663M13.625 50.8413C11.325 48.5413 12.85 43.7163 11.675 40.8913C10.5 38.0663 6 35.5913 6 32.4663C6 29.3413 10.45 26.9663 11.675 24.0413C12.9 21.1163 11.325 16.3913 13.625 14.0913C15.925 11.7913 20.75 13.3163 23.575 12.1413C26.4 10.9663 28.875 6.46631 32 6.46631C35.125 6.46631 37.5 10.9163 40.425 12.1413C43.35 13.3663 48.075 11.7913 50.375 14.0913C52.675 16.3913 51.15 21.2163 52.325 24.0413C53.5 26.8663 58 29.3413 58 32.4663C58 35.5913 53.55 37.9663 52.325 40.8913C51.1 43.8163 52.675 48.5413 50.375 50.8413C48.075 53.1413 43.25 51.6163 40.425 52.7913C37.6 53.9663 35.125 58.4663 32 58.4663C28.875 58.4663 26.5 54.0163 23.575 52.7913C20.65 51.5663 15.925 53.1413 13.625 50.8413Z" stroke="#696CFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
@ -1,5 +0,0 @@
|
||||
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M46.5001 10.5288H32.5001L20.2251 26.5288L32.5001 56.5288L60.5001 26.5288L46.5001 10.5288Z" fill="#03C3EC"/>
|
||||
<path d="M18.5 10.5288H46.5L60.5 26.5288L32.5 56.5288L4.5 26.5288L18.5 10.5288Z" stroke="#03C3EC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.2934 9.92012C33.1042 9.67343 32.8109 9.52881 32.5 9.52881C32.1891 9.52881 31.8958 9.67343 31.7066 9.92012L19.7318 25.5288H4.5C3.94772 25.5288 3.5 25.9765 3.5 26.5288C3.5 27.0811 3.94772 27.5288 4.5 27.5288H19.5537L31.5745 56.9075C31.7282 57.2833 32.094 57.5288 32.5 57.5288C32.906 57.5288 33.2718 57.2833 33.4255 56.9075L45.4463 27.5288H60.5C61.0523 27.5288 61.5 27.0811 61.5 26.5288C61.5 25.9765 61.0523 25.5288 60.5 25.5288H45.2682L33.2934 9.92012ZM42.7474 25.5288L32.5 12.1717L22.2526 25.5288H42.7474ZM21.7146 27.5288L32.5 53.8881L43.2854 27.5288H21.7146Z" fill="#03C3EC"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@ -1,5 +0,0 @@
|
||||
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M46.5001 10.5288H32.5001L20.2251 26.5288L32.5001 56.5288L60.5001 26.5288L46.5001 10.5288Z" fill="#03C3EC"/>
|
||||
<path d="M18.5 10.5288H46.5L60.5 26.5288L32.5 56.5288L4.5 26.5288L18.5 10.5288Z" stroke="#03C3EC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.2934 9.92012C33.1042 9.67343 32.8109 9.52881 32.5 9.52881C32.1891 9.52881 31.8958 9.67343 31.7066 9.92012L19.7318 25.5288H4.5C3.94772 25.5288 3.5 25.9765 3.5 26.5288C3.5 27.0811 3.94772 27.5288 4.5 27.5288H19.5537L31.5745 56.9075C31.7282 57.2833 32.094 57.5288 32.5 57.5288C32.906 57.5288 33.2718 57.2833 33.4255 56.9075L45.4463 27.5288H60.5C61.0523 27.5288 61.5 27.0811 61.5 26.5288C61.5 25.9765 61.0523 25.5288 60.5 25.5288H45.2682L33.2934 9.92012ZM42.7474 25.5288L32.5 12.1717L22.2526 25.5288H42.7474ZM21.7146 27.5288L32.5 53.8881L43.2854 27.5288H21.7146Z" fill="#03C3EC"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
@ -1,3 +0,0 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.8609 18.0262V11.1962H14.1651L14.5076 8.52204H11.8609V6.81871C11.8609 6.04704 12.0759 5.51871 13.1834 5.51871H14.5868V3.13454C13.904 3.06136 13.2176 3.02603 12.5309 3.02871C10.4943 3.02871 9.09593 4.27204 9.09593 6.55454V8.51704H6.80676V11.1912H9.10093V18.0262H11.8609Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 401 B |
@ -1,3 +0,0 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7184 2.19556C6.12757 2.19556 2.40674 5.91639 2.40674 10.5072C2.40674 14.1789 4.78757 17.2947 8.0909 18.3947C8.50674 18.4697 8.65674 18.2139 8.65674 17.9939C8.65674 17.7964 8.65007 17.2731 8.64757 16.5806C6.33507 17.0822 5.84674 15.4656 5.84674 15.4656C5.47007 14.5056 4.92424 14.2497 4.92424 14.2497C4.17007 13.7339 4.98174 13.7456 4.98174 13.7456C5.81674 13.8039 6.25424 14.6022 6.25424 14.6022C6.9959 15.8722 8.2009 15.5056 8.67257 15.2931C8.7484 14.7556 8.96507 14.3889 9.20174 14.1814C7.35674 13.9722 5.41674 13.2589 5.41674 10.0731C5.41674 9.16722 5.74091 8.42389 6.27007 7.84389C6.1859 7.63306 5.89841 6.78722 6.35257 5.64389C6.35257 5.64389 7.05007 5.41972 8.63757 6.49472C9.31557 6.31028 10.0149 6.21614 10.7176 6.21472C11.4202 6.21586 12.1196 6.31001 12.7976 6.49472C14.3859 5.41889 15.0826 5.64389 15.0826 5.64389C15.5367 6.78722 15.2517 7.63306 15.1651 7.84389C15.6984 8.42389 16.0184 9.16639 16.0184 10.0731C16.0184 13.2672 14.0767 13.9689 12.2251 14.1747C12.5209 14.4314 12.7876 14.9381 12.7876 15.7131C12.7876 16.8247 12.7776 17.7214 12.7776 17.9939C12.7776 18.2164 12.9259 18.4747 13.3501 18.3931C16.6517 17.2914 19.0301 14.1781 19.0301 10.5072C19.0301 5.91639 15.3092 2.19556 10.7184 2.19556Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
@ -1,11 +0,0 @@
|
||||
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1833_185630)">
|
||||
<path d="M17.5869 6.33973C17.5774 5.62706 17.444 4.9215 17.1926 4.25456C16.9747 3.69202 16.6418 3.18112 16.2152 2.75453C15.7886 2.32793 15.2776 1.995 14.7151 1.77703C14.0568 1.5299 13.3613 1.39627 12.6582 1.38183C11.753 1.34137 11.466 1.33008 9.16819 1.33008C6.87039 1.33008 6.57586 1.33008 5.67725 1.38183C4.97451 1.39637 4.27932 1.53 3.62127 1.77703C3.05863 1.99485 2.54765 2.32772 2.12103 2.75434C1.69442 3.18096 1.36155 3.69193 1.14373 4.25456C0.896101 4.91242 0.76276 5.60776 0.749471 6.31056C0.70901 7.2167 0.696777 7.50368 0.696777 9.8015C0.696777 12.0993 0.696777 12.3928 0.749471 13.2924C0.763585 13.9963 0.89626 14.6907 1.14373 15.3503C1.36192 15.9128 1.69503 16.4236 2.1218 16.85C2.54855 17.2765 3.05957 17.6091 3.6222 17.8269C4.27846 18.084 4.97377 18.2272 5.67819 18.2504C6.58433 18.2908 6.87133 18.303 9.16913 18.303C11.4669 18.303 11.7615 18.303 12.6601 18.2504C13.3632 18.2365 14.0587 18.1032 14.717 17.8561C15.2794 17.6378 15.7902 17.3048 16.2167 16.8782C16.6433 16.4517 16.9763 15.941 17.1945 15.3785C17.442 14.7198 17.5746 14.0254 17.5888 13.3207C17.6293 12.4155 17.6414 12.1285 17.6414 9.82973C17.6396 7.53191 17.6396 7.24021 17.5869 6.33973ZM9.16255 14.1468C6.75935 14.1468 4.81251 12.2 4.81251 9.79679C4.81251 7.39359 6.75935 5.44676 9.16255 5.44676C10.3163 5.44676 11.4227 5.90506 12.2385 6.72085C13.0543 7.53664 13.5126 8.64309 13.5126 9.79679C13.5126 10.9505 13.0543 12.057 12.2385 12.8727C11.4227 13.6885 10.3163 14.1468 9.16255 14.1468ZM13.6857 6.3002C13.5525 6.30033 13.4206 6.27417 13.2974 6.22325C13.1743 6.17231 13.0624 6.09759 12.9682 6.00338C12.874 5.90917 12.7992 5.79729 12.7483 5.67417C12.6974 5.55105 12.6712 5.41909 12.6713 5.28585C12.6713 5.15271 12.6976 5.02087 12.7485 4.89786C12.7994 4.77485 12.8742 4.66308 12.9683 4.56893C13.0625 4.47479 13.1743 4.4001 13.2973 4.34915C13.4202 4.2982 13.5521 4.27197 13.6853 4.27197C13.8184 4.27197 13.9503 4.2982 14.0732 4.34915C14.1962 4.4001 14.3081 4.47479 14.4022 4.56893C14.4963 4.66308 14.571 4.77485 14.622 4.89786C14.6729 5.02087 14.6991 5.15271 14.6991 5.28585C14.6991 5.84666 14.2456 6.3002 13.6857 6.3002Z" fill="white"/>
|
||||
<path d="M9.16296 12.6226C10.7236 12.6226 11.9887 11.3575 11.9887 9.79688C11.9887 8.23629 10.7236 6.97119 9.16296 6.97119C7.60238 6.97119 6.33728 8.23629 6.33728 9.79688C6.33728 11.3575 7.60238 12.6226 9.16296 12.6226Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1833_185630">
|
||||
<rect width="16.9412" height="18" fill="white" transform="translate(0.696777 0.528809)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.6 KiB |
@ -1 +0,0 @@
|
||||
<svg idth="64" height="64" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M0 142.1L0 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-240c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32l0 240c0 17.7 14.3 32 32 32s32-14.3 32-32l0-337.9c0-27.5-17.6-52-43.8-60.7L303.2 5.1c-9.9-3.3-20.5-3.3-30.4 0L43.8 81.4C17.6 90.1 0 114.6 0 142.1zM464 256l-352 0 0 64 352 0 0-64zM112 416l352 0 0-64-352 0 0 64zm352 32l-352 0 0 64 352 0 0-64z"/></svg>
|
||||
|
Before Width: | Height: | Size: 500 B |
@ -1,4 +0,0 @@
|
||||
<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M55.875 14.4663H8.125C6.95139 14.4663 6 15.4177 6 16.5913V48.3413C6 49.5149 6.95139 50.4663 8.125 50.4663H55.875C57.0486 50.4663 58 49.5149 58 48.3413V16.5913C58 15.4177 57.0486 14.4663 55.875 14.4663Z" fill="#696CFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 16.5913C7 15.97 7.50368 15.4663 8.125 15.4663H55.875C56.4963 15.4663 57 15.97 57 16.5913V48.3413C57 48.9626 56.4963 49.4663 55.875 49.4663H8.125C7.50368 49.4663 7 48.9626 7 48.3413V16.5913ZM8.125 13.4663C6.39911 13.4663 5 14.8654 5 16.5913V48.3413C5 50.0672 6.39911 51.4663 8.125 51.4663H55.875C57.6009 51.4663 59 50.0672 59 48.3413V16.5913C59 14.8654 57.6009 13.4663 55.875 13.4663H8.125ZM14 23.4663C13.4477 23.4663 13 23.914 13 24.4663C13 25.0186 13.4477 25.4663 14 25.4663H50C50.5523 25.4663 51 25.0186 51 24.4663C51 23.914 50.5523 23.4663 50 23.4663H14ZM14 31.4663C13.4477 31.4663 13 31.914 13 32.4663C13 33.0186 13.4477 33.4663 14 33.4663H50C50.5523 33.4663 51 33.0186 51 32.4663C51 31.914 50.5523 31.4663 50 31.4663H14ZM13 40.4663C13 39.914 13.4477 39.4663 14 39.4663H16C16.5523 39.4663 17 39.914 17 40.4663C17 41.0186 16.5523 41.4663 16 41.4663H14C13.4477 41.4663 13 41.0186 13 40.4663ZM24 39.4663C23.4477 39.4663 23 39.914 23 40.4663C23 41.0186 23.4477 41.4663 24 41.4663H40C40.5523 41.4663 41 41.0186 41 40.4663C41 39.914 40.5523 39.4663 40 39.4663H24ZM47 40.4663C47 39.914 47.4477 39.4663 48 39.4663H50C50.5523 39.4663 51 39.914 51 40.4663C51 41.0186 50.5523 41.4663 50 41.4663H48C47.4477 41.4663 47 41.0186 47 40.4663Z" fill="#696CFF"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
@ -1,4 +0,0 @@
|
||||
<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M10 44.4663V18.4663C10 17.4054 10.4214 16.388 11.1716 15.6379C11.9217 14.8877 12.9391 14.4663 14 14.4663H50C51.0609 14.4663 52.0783 14.8877 52.8284 15.6379C53.5786 16.388 54 17.4054 54 18.4663V44.4663H10Z" fill="#696CFF"/>
|
||||
<path d="M10 44.4663V18.4663C10 17.4054 10.4214 16.388 11.1716 15.6379C11.9217 14.8877 12.9391 14.4663 14 14.4663H50C51.0609 14.4663 52.0783 14.8877 52.8284 15.6379C53.5786 16.388 54 17.4054 54 18.4663V44.4663M36 22.4663H28M6 44.4663H58V48.4663C58 49.5272 57.5786 50.5446 56.8284 51.2947C56.0783 52.0449 55.0609 52.4663 54 52.4663H10C8.93913 52.4663 7.92172 52.0449 7.17157 51.2947C6.42143 50.5446 6 49.5272 6 48.4663V44.4663Z" stroke="#696CFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 860 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
@ -1,4 +0,0 @@
|
||||
<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.2" d="M52.575 9.44123L5.97499 22.5662C5.57831 22.6747 5.2247 22.9028 4.96234 23.2195C4.69997 23.5361 4.54161 23.926 4.50881 24.3359C4.47602 24.7459 4.57039 25.1559 4.77907 25.5103C4.98775 25.8647 5.3006 26.1461 5.67499 26.3162L27.075 36.4412C27.4942 36.6354 27.8309 36.972 28.025 37.3912L38.15 58.7912C38.3201 59.1656 38.6016 59.4785 38.9559 59.6872C39.3103 59.8958 39.7204 59.9902 40.1303 59.9574C40.5402 59.9246 40.9301 59.7662 41.2468 59.5039C41.5634 59.2415 41.7915 58.8879 41.9 58.4912L55.025 11.8912C55.1245 11.5512 55.1306 11.1906 55.0428 10.8474C54.955 10.5041 54.7765 10.1908 54.5259 9.94028C54.2754 9.68975 53.9621 9.51123 53.6189 9.42342C53.2756 9.33562 52.9151 9.34177 52.575 9.44123Z" fill="#696CFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.8666 8.45462C53.3513 8.32282 52.8102 8.33156 52.2995 8.47988L52.2942 8.48144L5.71115 21.6016L5.70701 21.6028C5.11366 21.7659 4.5848 22.1076 4.19216 22.5815C3.79862 23.0565 3.56107 23.6413 3.51188 24.2562C3.46268 24.8711 3.60424 25.4862 3.91726 26.0177C4.22884 26.5468 4.69522 26.9675 5.25338 27.2231L26.6472 37.3452L26.6472 37.3452L26.6546 37.3486C26.8589 37.4432 27.0229 37.6072 27.1175 37.8115L27.1174 37.8115L27.1209 37.8189L37.243 59.2126C37.4985 59.7708 37.9192 60.2372 38.4484 60.5488C38.9799 60.8619 39.595 61.0034 40.2099 60.9542C40.8248 60.905 41.4096 60.6675 41.8846 60.2739C42.3586 59.8813 42.7002 59.3524 42.8634 58.759L42.8645 58.755L55.9847 12.1719L55.9862 12.1668C56.1346 11.656 56.1433 11.1149 56.0115 10.5996C55.8792 10.0825 55.6103 9.61055 55.2329 9.23317C54.8556 8.85579 54.3836 8.58688 53.8666 8.45462ZM52.846 10.4038L52.5749 9.44123L52.8556 10.401C53.0235 10.3519 53.2015 10.3489 53.3709 10.3922C53.5404 10.4356 53.695 10.5237 53.8187 10.6474C53.9424 10.7711 54.0305 10.9257 54.0739 11.0952C54.1172 11.2646 54.1142 11.4426 54.0651 11.6105L54.065 11.6105L54.0623 11.6201L40.9373 58.2201L40.9353 58.2275C40.8811 58.4258 40.767 58.6026 40.6087 58.7338C40.4503 58.865 40.2554 58.9442 40.0504 58.9606C39.8455 58.977 39.6404 58.9298 39.4632 58.8255C39.2861 58.7211 39.1454 58.5647 39.0603 58.3775L39.0538 58.3635L28.9323 36.971L28.9303 36.9667C28.9285 36.9629 28.9268 36.9591 28.925 36.9553L39.732 26.1483C40.1225 25.7578 40.1225 25.1246 39.732 24.7341C39.3415 24.3436 38.7083 24.3436 38.3178 24.7341L27.5108 35.5411C27.5069 35.5393 27.503 35.5375 27.4991 35.5357L6.10255 25.4123L6.0886 25.4058C5.9014 25.3208 5.74498 25.18 5.64064 25.0029C5.53629 24.8257 5.48911 24.6206 5.50551 24.4157C5.5219 24.2107 5.60109 24.0158 5.73227 23.8574C5.86345 23.6991 6.04025 23.5851 6.2386 23.5308L6.2386 23.5309L6.24598 23.5288L52.846 10.4038Z" fill="#696CFF"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user