initial commit
This commit is contained in:
Debian
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,166 @@
|
||||
.appointment-card {
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
align-items: start;
|
||||
gap: 10px;
|
||||
max-width: 600px;
|
||||
min-width: 400px;
|
||||
}
|
||||
|
||||
.patient-avatar {
|
||||
background-color: #a4bbe9;
|
||||
border-radius: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.patient-info {
|
||||
display: flex;
|
||||
margin-top: 8px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.patient-name {
|
||||
color: #1c2541;
|
||||
font: 500 16px/75% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.patient-email {
|
||||
color: #8296c5;
|
||||
margin-top: 2px;
|
||||
font: 400 14px/86% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.appointment-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 330px;
|
||||
font-size: 14px;
|
||||
color: #384c7f;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.location-icon {
|
||||
width: 18px;
|
||||
fill: #384c7f;
|
||||
}
|
||||
|
||||
.location-text {
|
||||
font-family: Poppins, sans-serif;
|
||||
flex-grow: 1;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.date-time-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.date-info {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
margin: auto -5px auto 0;
|
||||
}
|
||||
|
||||
.date-icon {
|
||||
width: 20px;
|
||||
stroke: #384c7f;
|
||||
}
|
||||
|
||||
.date-text {
|
||||
font-family: Poppins, sans-serif;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.time-info {
|
||||
display: flex;
|
||||
gap: 9px;
|
||||
}
|
||||
|
||||
.time-icon {
|
||||
width: 20px;
|
||||
fill: #384c7f;
|
||||
}
|
||||
|
||||
.time-text {
|
||||
font-family: Poppins, sans-serif;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.approve-button {
|
||||
border-style: none;
|
||||
border-radius: 50px;
|
||||
background-color: var(--Green-2, #51dbd3);
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding: 2px 46px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.approve-button:hover {
|
||||
background-color: #37b3b7;
|
||||
}
|
||||
|
||||
.icon-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.approve-icon {
|
||||
width: 40px;
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
fill: #fff;
|
||||
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.08));
|
||||
}
|
||||
|
||||
.approve-text {
|
||||
margin: auto 0;
|
||||
color: var(--Green-5, #15647a);
|
||||
font: 500 14px/193% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.decline-button {
|
||||
border-style: none;
|
||||
border-radius: 50px;
|
||||
background-color: #faced7;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding: 2px 50px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.decline-button:hover {
|
||||
background-color: #f7b8c5;
|
||||
}
|
||||
|
||||
.decline-icon-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.decline-icon {
|
||||
width: 40px;
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
fill: #fff;
|
||||
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.08));
|
||||
}
|
||||
|
||||
.decline-text {
|
||||
margin: auto 0;
|
||||
color: #cc2a2a;
|
||||
font: 500 14px/193% Poppins, sans-serif;
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.activity-container {
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 8px 30px 0 rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
padding: 0 14px 0 0;
|
||||
gap: 12px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.summary-icon-wrapper {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20px;
|
||||
background-color: #fecd5a;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
color: #1c1c30;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.summary-icon {
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
width: 39px;
|
||||
fill: #1c1c30;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.summary-text {
|
||||
font-family: Poppins, sans-serif;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.summary-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.summary-count {
|
||||
color: #efa800;
|
||||
font: 600 28px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.summary-unit {
|
||||
color: #384c7f;
|
||||
font: 400 14px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.calories-container {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.avatar-container {
|
||||
background-color: #eaecff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.calories-icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.calories-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
width: fit-content;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.calories-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.calories-label {
|
||||
color: #384c7f;
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
.calories-value {
|
||||
color: #8296c5;
|
||||
text-align: right;
|
||||
font-size: 15px;
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.calories-value .calories-total {
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
color: rgba(55, 179, 183, 1);
|
||||
}
|
||||
|
||||
.calories-progress {
|
||||
border-radius: 16px;
|
||||
background-color: #f8f2ff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 8px !important;
|
||||
}
|
||||
|
||||
.calories-progress-bar {
|
||||
border-radius: 16px;
|
||||
background-color: #51dbd3 !important;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.weight-card {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 5px 10px 0 rgba(234, 240, 246, 1);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
max-width: 360px;
|
||||
gap: 20px;
|
||||
font-weight: 500;
|
||||
padding: 17px 16px;
|
||||
}
|
||||
|
||||
.weight-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.date {
|
||||
color: #8296c5;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.weight {
|
||||
color: #384c7f;
|
||||
margin-top: 7px;
|
||||
font: 18px "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.weight-details {
|
||||
align-self: start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: #8296c5;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 400;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
.weight-change {
|
||||
display: flex;
|
||||
margin-top: 9px;
|
||||
gap: 9px;
|
||||
color: #f5634a;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.change-value {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.change-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
align-self: start;
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
.container {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.consultation-section {
|
||||
margin-top: 55px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.consultation-header {
|
||||
color: #1c2541;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.consultation-card {
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.doctor-info {
|
||||
color: #414d55;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.doctor-name {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.doctor-email {
|
||||
margin-top: 10px;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.btn .view-result {
|
||||
background-color: #fff;
|
||||
color: #2662f0;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 1px 8px rgba(20, 46, 110, 0.1);
|
||||
}
|
||||
|
||||
.modal-dialog {
|
||||
max-width: 500px;
|
||||
margin: 1.75rem auto;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
padding: 20px;
|
||||
}
|
||||
@@ -0,0 +1,907 @@
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.vertical-line {
|
||||
width: 2px;
|
||||
height: 180px;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.customer-profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
max-width: 324px;
|
||||
}
|
||||
|
||||
.profile-image {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
background-color: #a4bbe9;
|
||||
}
|
||||
|
||||
.customer-name {
|
||||
margin-top: 10px;
|
||||
font: 500 18px/100% Poppins, sans-serif;
|
||||
color: #384c7f;
|
||||
}
|
||||
|
||||
.customer-email {
|
||||
font: 400 15px/100% Poppins, sans-serif;
|
||||
color: #8296c5;
|
||||
}
|
||||
|
||||
.customer-stats {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-self: stretch;
|
||||
gap: 20px;
|
||||
margin-top: 15px;
|
||||
padding: 12px 25px;
|
||||
border-radius: 16px;
|
||||
background-color: #384c7f;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 8px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font: 300 12px/117% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
font: 500 20px/100% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.stat-unit {
|
||||
font: 300 12px/117% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.obesity-status {
|
||||
width: 100px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.obesity-label {
|
||||
font: 300 12px/117% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.obesity-value {
|
||||
margin-top: 10px;
|
||||
font: 500 16px/87.5% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.boxshadow {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
/* justify-content: space-between; */
|
||||
padding: 25px 80px 25px 30px;
|
||||
}
|
||||
|
||||
.calories-container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.icon-wrapper {
|
||||
align-items: center;
|
||||
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
height: 46px;
|
||||
justify-content: center;
|
||||
margin: auto 0;
|
||||
width: 46px;
|
||||
}
|
||||
|
||||
.icon-wrapper,
|
||||
#calories {
|
||||
background-color: #ffced4;
|
||||
}
|
||||
|
||||
.icon-wrapper,
|
||||
#distance {
|
||||
background-color: #c9ffde;
|
||||
}
|
||||
|
||||
.icon-wrapper,
|
||||
#sleep {
|
||||
background-color: #cee2ff;
|
||||
}
|
||||
|
||||
.calories-icon {
|
||||
fill: #f96577;
|
||||
object-fit: contain;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.calories-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.calories-label {
|
||||
color: #8296c5;
|
||||
font: 400 14px Poppins, sans-serif;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.calories-value {
|
||||
color: #384c7f;
|
||||
font: 500 17px Poppins, sans-serif;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.activity-log {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 680px;
|
||||
font-size: 16px;
|
||||
color: #384c7f;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.activity-header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 40px;
|
||||
padding: 18px 27px;
|
||||
border-radius: 12px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.activity-header {
|
||||
flex-wrap: wrap;
|
||||
padding: 0 20px;
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.header-date,
|
||||
.header-activity,
|
||||
.header-distance,
|
||||
.header-duration {
|
||||
font-family: Poppins, sans-serif;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.header-activity,
|
||||
.header-distance,
|
||||
.header-duration {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.activity-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 40px;
|
||||
padding: 18px 25px;
|
||||
border-radius: 12px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.activity-item {
|
||||
flex-wrap: wrap;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-date,
|
||||
.item-activity,
|
||||
.item-distance,
|
||||
.item-duration {
|
||||
font-family: Poppins, sans-serif;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.item-activity,
|
||||
.item-distance,
|
||||
.item-duration {
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.appointment-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 335px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.appointment-time {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding-right: 20px;
|
||||
color: #384c7f;
|
||||
font-weight: 400;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
.appointment-status {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
background-color: #37b3b7;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.appointment-datetime {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.appointment-details {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.appointment-connector {
|
||||
margin: -4px 0 0 5px;
|
||||
border: 1px dashed #a4bbe9;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.doctor-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
width: auto;
|
||||
margin: auto 0;
|
||||
padding: 10px 80px 10px 16px;
|
||||
border: 1px solid #a4bbe9;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.doctor-name {
|
||||
color: #384c7f;
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.hospital-name {
|
||||
color: #8296c5;
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-top: 20px;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
.calories-description {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
color: #666;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
body{
|
||||
margin-top:20px;
|
||||
background:#f8f8f8
|
||||
}
|
||||
|
||||
.container-notification {
|
||||
background-color: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Efect shadow */
|
||||
padding: 10px;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.container-notification a {
|
||||
text-decoration: none; /* Menghapus dekorasi hyperlink */
|
||||
color: #8296c5; /* Warna teks */
|
||||
}
|
||||
.container-notification a:hover {
|
||||
color: #6fffe9; /* Warna teks saat dihover */
|
||||
}
|
||||
.containerContent {
|
||||
background-color: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Efect shadow */
|
||||
width: 250px;
|
||||
height: 150px;
|
||||
/* margin-left: 30px;
|
||||
padding: 10px; */
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.full-width-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.containerContent a {
|
||||
text-decoration: none; /* Menghapus dekorasi hyperlink */
|
||||
color: #8296c5; /* Warna teks */
|
||||
}
|
||||
.containeritem {
|
||||
background-color: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Efect shadow */
|
||||
margin-left: 30px;
|
||||
padding: 10px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: calc(100% - 120px);
|
||||
}
|
||||
/* Styling untuk item-item */
|
||||
.item {
|
||||
padding-left: 265px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.main-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 80%;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.main-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.main-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-self: stretch;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.main-content {
|
||||
max-width: 100%;
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.payment-section {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.payment-section {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.payment-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.payment-card {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.earning-card {
|
||||
align-items: start;
|
||||
border-radius: 4.444px;
|
||||
border: 1px solid rgba(243, 244, 246, 1);
|
||||
background-color: #6FFFE9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
padding: 18px 80px 31px 14px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.earning-card {
|
||||
margin-top: 17px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.earning-title {
|
||||
color: var(--text-color-80-opacity, #0B132B);
|
||||
letter-spacing: 0.14px;
|
||||
font: 14px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.earning-amount {
|
||||
color: var(--success-green-100, #0B132B);
|
||||
margin-top: 11px;
|
||||
font: 500 20px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.earning-date {
|
||||
color: var(--Inactive-State-Color, #0B132B);
|
||||
letter-spacing: 0.09px;
|
||||
margin-top: 11px;
|
||||
font: 9px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.pending-card {
|
||||
align-items: start;
|
||||
border-radius: 4.444px;
|
||||
border: 1px solid rgba(243, 244, 246, 1);
|
||||
background-color: #0B132B;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
padding: 18px 80px 31px 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.pending-card {
|
||||
margin-top: 17px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
width: 100%;
|
||||
}
|
||||
.card-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
.pending-title {
|
||||
color: var(--text-color-80-opacity, #6FFFE9);
|
||||
letter-spacing: 0.14px;
|
||||
font: 14px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.pending-amount {
|
||||
color: var(--success-green-100, #2662F0);
|
||||
margin-top: 11px;
|
||||
font: 500 20px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.pending-date {
|
||||
color: var(--Inactive-State-Color,#6FFFE9);
|
||||
letter-spacing: 0.09px;
|
||||
margin-top: 11px;
|
||||
font: 9px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
.payment-title {
|
||||
color: var(--Inactive-State-Color, rgba(73, 69, 79, 0.8));
|
||||
margin-top: 33px;
|
||||
font: 500 20px Outfit, sans-serif;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.payment-title {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.entry-accept {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px 26px;
|
||||
flex: 1;
|
||||
font-family: Poppins, sans-serif;
|
||||
border-radius: 50px;
|
||||
color:#15647A;
|
||||
background-color: #51DBD3;
|
||||
height: 30px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.entry-decline {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px 26px;
|
||||
flex: 1;
|
||||
font-family: Poppins, sans-serif;
|
||||
border-radius: 50px;
|
||||
color:#CC2A2A;
|
||||
background-color: #F7B8C5;
|
||||
height: 30px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.tab-container {
|
||||
display: flex;
|
||||
margin-top: 24px;
|
||||
width: 595px;
|
||||
gap: 17px;
|
||||
font-size: 15px;
|
||||
color: var(--text-color-80-opacity, rgba(34, 34, 34, 0.9));
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-container {
|
||||
flex-wrap: wrap;
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
border-radius: 26.667px;
|
||||
border: 1px solid rgba(65, 59, 137, 1);
|
||||
background-color: var(--Secondary---White, #fff);
|
||||
justify-content: center;
|
||||
padding: 15px;
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
font-feature-settings: "dlig" on;
|
||||
font-family: Outfit, sans-serif;
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-small {
|
||||
border-radius: 26.667px;
|
||||
border: 1px solid rgba(235, 235, 238, 1);
|
||||
background-color: var(--Secondary---White, #fff);
|
||||
justify-content: center;
|
||||
padding: 17px 23px;
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
font-feature-settings: "dlig" on;
|
||||
font-family: Outfit, sans-serif;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-small {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-medium {
|
||||
border-radius: 26.667px;
|
||||
border: 1px solid rgba(235, 235, 238, 1);
|
||||
background-color: var(--Secondary---White, #fff);
|
||||
justify-content: center;
|
||||
padding: 17px 28px;
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
font-feature-settings: "dlig" on;
|
||||
font-family: Outfit, sans-serif;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-medium {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-large {
|
||||
border-radius: 26.667px;
|
||||
border: 1px solid rgba(235, 235, 238, 1);
|
||||
background-color: var(--Secondary---White, #fff);
|
||||
justify-content: center;
|
||||
padding: 17px 26px;
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
font-feature-settings: "dlig" on;
|
||||
font-family: Outfit, sans-serif;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-large {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.payment-history {
|
||||
border-radius: 10.667px;
|
||||
border: 1px solid rgba(235, 235, 238, 1);
|
||||
background-color: var(--Secondary---White, #fff);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
padding: 0 28px 33px 0;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 10px;
|
||||
width: 1150px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.payment-history {
|
||||
max-width: 100%;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.history-header,
|
||||
.history-body {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid rgba(206, 206, 206, 1);
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.history-header {
|
||||
letter-spacing: 0.14px;
|
||||
padding-right: 68px;
|
||||
width: 1150px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.history-header {
|
||||
flex-wrap: wrap;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.history-column,
|
||||
.history-entry {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
font-family: Outfit, sans-serif;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.history-column {
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
font-feature-settings: "dlig" on;
|
||||
color: var(--Inactive-State-Color, rgba(73, 69, 79, 0.8));
|
||||
}
|
||||
|
||||
.history-body {
|
||||
color: rgba(73, 69, 79, 0.9);
|
||||
white-space: nowrap;
|
||||
letter-spacing: 0.14px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.history-body {
|
||||
white-space: initial;
|
||||
grid-template-columns: 1fr;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.status-success {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.status-rejected {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.entry-detail,
|
||||
.entry-pay{
|
||||
background-color: #f0f0f0;
|
||||
border: none;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.history-entry-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.history-entry {
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
word-wrap: break-word;
|
||||
letter-spacing: 0.14px;
|
||||
padding: 20px 21px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.history-entry {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-detail {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px 26px;
|
||||
flex: 1;
|
||||
margin-top: 15px;
|
||||
font-family: Poppins, sans-serif;
|
||||
border-radius: 50px;
|
||||
color: white;
|
||||
background-color: #0978f2;
|
||||
height: 30px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.entry-pay {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px 26px;
|
||||
flex: 1;
|
||||
margin-top: 15px;
|
||||
font-family: Poppins, sans-serif;
|
||||
border-radius: 50px;
|
||||
color: white;
|
||||
background-color: #0EAD69;
|
||||
height: 30px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.entry-detail {
|
||||
white-space: initial;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.status-success {
|
||||
color: #0ead69;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
color: #0978f2;
|
||||
}
|
||||
|
||||
.status-rejected {
|
||||
color: rgba(193, 11, 14, 0.8);
|
||||
}
|
||||
|
||||
.status-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 5px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
line-height: 540%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.status-container {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.rows-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.rows-center img {
|
||||
border-radius: 3.368px;
|
||||
}
|
||||
.change-photo-span {
|
||||
font-size: 12px; /* Adjust the font size as needed */
|
||||
}
|
||||
|
||||
.card-container {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
max-width: 350px;
|
||||
flex-direction: column;
|
||||
padding: 50px 22px 31px;
|
||||
}
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
gap: 16px;
|
||||
font-size: 14px;
|
||||
color: #435179;
|
||||
font-weight: 400;
|
||||
}
|
||||
.profile-pic {
|
||||
background-color: #51dbd3;
|
||||
border-radius: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.details {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
width: fit-content;
|
||||
}
|
||||
.hospital-name {
|
||||
color: #1c2541;
|
||||
font: 500 20px Poppins, sans-serif;
|
||||
}
|
||||
.date-info {
|
||||
margin-top: 9px;
|
||||
font: 16px Poppins, sans-serif;
|
||||
}
|
||||
.doctor-name,
|
||||
.status,
|
||||
.time-info {
|
||||
font-family: Poppins, sans-serif;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.action-button {
|
||||
justify-content: center;
|
||||
border-radius: 10px;
|
||||
background-color: #2662f0;
|
||||
align-self: end;
|
||||
margin-top: 25px;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
padding: 17px 39px;
|
||||
font: 500 15px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.status{
|
||||
color: #2662f0;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,733 @@
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.admin-dashboard-title {
|
||||
color: #1c2541;
|
||||
text-align: center;
|
||||
align-self: start;
|
||||
font: 500 32px Poppins, sans-serif;
|
||||
}
|
||||
.patients-summary {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 30px 77px 30px 30px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.patients-summary {
|
||||
max-width: 100%;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 265px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.header{
|
||||
padding-left: 265px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.patients-summary-title {
|
||||
color: #384c7f;
|
||||
letter-spacing: 0.4px;
|
||||
font: 500 20px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.patients-summary-content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.patients-summary-row {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.patients-summary-row {
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.patients-summary-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.patients-summary-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.gender-stats {
|
||||
display: flex;
|
||||
margin-top: 22px;
|
||||
flex-grow: 1;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.gender-stats {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.gender-icons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.male-icon,
|
||||
.female-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
background-color: #cfddff;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 0 19px;
|
||||
}
|
||||
|
||||
.female-icon {
|
||||
margin-top: 21px;
|
||||
}
|
||||
|
||||
.gender-icon {
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.gender-labels {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
color: #8296c5;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.28px;
|
||||
flex: 1;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.gender-labels {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.gender-label {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.gender-count {
|
||||
color: #1c2541;
|
||||
letter-spacing: 0.4px;
|
||||
margin-top: 13px;
|
||||
font: 500 20px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.female-label {
|
||||
margin-top: 33px;
|
||||
}
|
||||
|
||||
.bmi-stats {
|
||||
display: flex;
|
||||
margin-top: 23px;
|
||||
flex-grow: 1;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.bmi-stats {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.bmi-icons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.normal-icon,
|
||||
.obesity-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.normal-icon {
|
||||
background-color: #b7ffe9;
|
||||
}
|
||||
|
||||
.obesity-icon {
|
||||
background-color: #ffb8c9;
|
||||
margin-top: 21px;
|
||||
}
|
||||
|
||||
.bmi-icon {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.bmi-labels {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
color: #8296c5;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.28px;
|
||||
flex: 1;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.bmi-labels {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.bmi-label {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.bmi-count {
|
||||
color: #1c2541;
|
||||
letter-spacing: 0.4px;
|
||||
margin-top: 13px;
|
||||
font: 500 20px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.obesity-label {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.obesity-count {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.chart-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 52%;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.chart-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.chart-container {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
gap: 17px;
|
||||
font-size: 12px;
|
||||
color: #6c7588;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.24px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.chart-container {
|
||||
margin-top: 40px;
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.chart-image {
|
||||
width: 140px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.chart-legend {
|
||||
align-self: start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.chart-legend {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.chart-title {
|
||||
color: #384c7f;
|
||||
letter-spacing: 0.4px;
|
||||
align-self: stretch;
|
||||
font: 500 20px Poppins, sans-serif;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.legend-item {
|
||||
display: flex;
|
||||
width: 60px;
|
||||
gap: 8px;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.obesity-legend {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.normal-legend {
|
||||
margin-top: 5px;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.legend-color {
|
||||
border-radius: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.obesity-color {
|
||||
background-color: #f45d78;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.normal-color {
|
||||
background-color: #5df4c7;
|
||||
}
|
||||
|
||||
.legend-label {
|
||||
font-family: Nunito Sans, sans-serif;
|
||||
}
|
||||
|
||||
.doctor-total-card {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 8px 30px 0 rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.doctor-total-header {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
color: #8296c5;
|
||||
font: 400 16px/150% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.doctor-total-icon {
|
||||
width: 22px;
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.doctor-total-label {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.doctor-total-value {
|
||||
margin-top: 10px;
|
||||
color: #1c2541;
|
||||
font: 500 30px/80% Poppins, sans-serif;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.user-roles {
|
||||
border-radius: 20px;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
margin-top: 21px;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 25px 24px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.user-roles {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.user-roles-header {
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
font-size: 16px;
|
||||
color: #0c1e5b;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.32px;
|
||||
justify-content: space-between;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.user-roles-title {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.user-roles-icon {
|
||||
aspect-ratio: 3.57;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
width: 18px;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.user-roles-image {
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
width: 140px;
|
||||
margin-top: 28px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.user-roles-legend {
|
||||
display: flex;
|
||||
margin-top: 28px;
|
||||
gap: 20px;
|
||||
font-size: 12px;
|
||||
color: #6c7588;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
letter-spacing: 0.24px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.user-roles-legend {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.user-role {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.user-role {
|
||||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.user-role-indicator {
|
||||
border-radius: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.user-role-indicator.patient {
|
||||
background-color: #5df4c7;
|
||||
}
|
||||
|
||||
.user-role-indicator.admin {
|
||||
background-color: #f45d78;
|
||||
}
|
||||
|
||||
.user-role-indicator.doctor {
|
||||
background-color: #8db3ff;
|
||||
}
|
||||
|
||||
.user-role-label {
|
||||
font-family: Nunito Sans, sans-serif;
|
||||
}
|
||||
|
||||
.patient-total-card {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 8px 30px 0 rgba(37, 36, 34, 0.07);
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.patient-total-header {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
color: #8296c5;
|
||||
font: 400 16px/150% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.patient-icon {
|
||||
width: 24px;
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.patient-total-label {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.patient-total-value {
|
||||
margin-top: 10px;
|
||||
color: #1c2541;
|
||||
font: 500 30px/80% Poppins, sans-serif;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.notification-container {
|
||||
border-radius: 20px;
|
||||
background-color: #fff;
|
||||
max-width: 830px;
|
||||
margin-top: 17px;
|
||||
padding: 25px 28px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-container {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-content {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-content {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 80%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-details {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-header {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-header {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-icon {
|
||||
aspect-ratio: 1;
|
||||
object-fit: auto;
|
||||
object-position: center;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.notification-text {
|
||||
align-self: start;
|
||||
display: flex;
|
||||
margin-top: 6px;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.notification-title {
|
||||
color: #0c1e5b;
|
||||
letter-spacing: 0.32px;
|
||||
font: 600 16px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.notification-description {
|
||||
color: #888fa7;
|
||||
letter-spacing: 0.26px;
|
||||
margin-top: 12px;
|
||||
font: 400 13px/154% Poppins, sans-serif;
|
||||
}
|
||||
|
||||
.notification-action {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: normal;
|
||||
width: 20%;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-action {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-button {
|
||||
justify-content: center;
|
||||
border-radius: 10px;
|
||||
background-color: #384c7f;
|
||||
align-self: stretch;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
letter-spacing: 0.28px;
|
||||
width: 100%;
|
||||
margin: auto 0;
|
||||
padding: 8px 16px;
|
||||
font: 500 14px Poppins, sans-serif;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.notification-button {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.image-notif{
|
||||
width:100%;
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
|
||||
.image {
|
||||
width: 10%;
|
||||
aspect-ratio: 1.14;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.search-input::placeholder {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
|
||||
.container-patient{
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
gap: 17px;
|
||||
font-size: 12px;
|
||||
background-color: #ffff;
|
||||
color: #6c7588;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.24px;
|
||||
padding: 25px 25px 25px 25px;
|
||||
|
||||
}
|
||||
|
||||
.container-patient {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f8f9fa;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.data-table {
|
||||
width: 100%;
|
||||
max-width: 100%; /* Lebar maksimum tabel */
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Efek bayangan */
|
||||
}
|
||||
|
||||
.table-header {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 250px) auto; /* Menggunakan grid untuk header */
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.header-cell {
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-image {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.table-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.page-number,
|
||||
.previous-button,
|
||||
.next-button {
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.active-page {
|
||||
background-color: #007bff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.change-photo-span {
|
||||
font-size: 12px; /* Adjust the font size as needed */
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
width: 100%;
|
||||
}
|
||||
.card-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-top: 20px;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,42 @@
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 250px;
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.patient-list {
|
||||
margin: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-recommendation {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal-title span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
.content{
|
||||
margin-top: 20px;
|
||||
margin-left: 100px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 408 KiB |
@@ -0,0 +1,231 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f6f7ff !important;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
height: 100%;
|
||||
width: 250px;
|
||||
background-color: #0b132b;
|
||||
color: #8296c5;
|
||||
float: left;
|
||||
position: fixed;
|
||||
z-index: 1; /* Stay on top */
|
||||
top: 0; /* Stay at the top */
|
||||
}
|
||||
|
||||
.sidebar a {
|
||||
color: #6fffe9;
|
||||
}
|
||||
|
||||
.sidebar a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sidebar a:focus {
|
||||
background-color: #1f1f1e;
|
||||
border-radius: 12px;
|
||||
padding: 10px;
|
||||
color: #6fffe9;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 70px;
|
||||
border-bottom: 1px solid #403d39;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.btn-dashboard {
|
||||
background-color: #6fffe9;
|
||||
border: none;
|
||||
flex-shrink: 0;
|
||||
color: #0b132b;
|
||||
border-radius: 8px;
|
||||
padding: 8px;
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.btn-dashboard:hover {
|
||||
background-color: #f6f7ff;
|
||||
color: #252422;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
display: flex;
|
||||
width: 150px;
|
||||
height: 45px;
|
||||
padding-top: 13px;
|
||||
padding-bottom: 13px;
|
||||
padding-left: 42px;
|
||||
padding-right: 43px;
|
||||
background: #384c7f !important;
|
||||
border-radius: 50px !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #546695 !important;
|
||||
}
|
||||
|
||||
.btn-logout {
|
||||
display: flex;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #cc2a2a;
|
||||
border-radius: 6px;
|
||||
color: #f6f7ff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-logout:hover {
|
||||
background-color: white;
|
||||
color: #252422;
|
||||
}
|
||||
|
||||
.logout {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
margin-top: 30px;
|
||||
padding-left: 0.49px;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
gap: 12.36px;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.menu aside {
|
||||
width: 20px;
|
||||
height: 1px;
|
||||
border: 1px #6fffe9 solid;
|
||||
}
|
||||
|
||||
.menu h6 {
|
||||
color: #6fffe9;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
display: inline-flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.submenu a {
|
||||
text-decoration: none;
|
||||
color: #8296c5;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.submenu:hover {
|
||||
color: #6fffe9;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
color: #1c2541;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 200px; /* Add some padding to the content area */
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
color: #8296c5 !important;
|
||||
}
|
||||
|
||||
.user-table {
|
||||
padding-left: 250px;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.event-form {
|
||||
background-color: white;
|
||||
box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.material-symbols-outlined {
|
||||
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#delete-icon {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn-dashboard {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
min-width: 150px;
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
.logout {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 545 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 418 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="1" height="80" viewBox="0 0 1 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<line opacity="0.2" x1="0.5" y1="3.09472e-08" x2="0.499998" y2="80" stroke="url(#paint0_linear_350_456)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_350_456" x1="-7.59867e-08" y1="80" x2="5.26125e-07" y2="-7.45763" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.265" stop-color="#1C2541"/>
|
||||
<stop offset="1" stop-color="#3F526D" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 474 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="38" height="33" viewBox="0 0 38 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M29.0142 15.0191H25.7955C25.0764 15.0191 24.4331 14.5897 24.1565 13.9251L21.3338 7.14218C21.1518 6.70471 20.7033 6.43975 20.2328 6.4923C18.8081 6.65073 17.4073 6.24433 16.2881 5.34783C15.1688 4.45134 14.4653 3.17212 14.307 1.74577C14.2638 1.35729 14.0119 1.02349 13.6504 0.875868C13.2888 0.728241 12.8757 0.790463 12.5735 1.038L7.23686 5.40977C6.33707 6.14684 5.58614 7.03175 5.0049 8.03975L1.24779 14.5555C0.820946 15.2958 0.707523 16.1581 0.928475 16.9837C1.14943 17.8094 1.67826 18.4994 2.41761 18.9268L17.7944 27.8157C18.603 28.2832 19.524 28.5302 20.4577 28.5302H33.9858C35.7481 28.5302 37.1818 27.0947 37.1818 25.3302V23.1969C37.1818 18.6876 33.5178 15.0191 29.0142 15.0191ZM34.9551 22.1302H30.0795V17.2486C32.5556 17.6921 34.5121 19.6511 34.9551 22.1302ZM8.58607 7.0609L12.6092 3.76525C13.0756 5.03061 13.878 6.1494 14.9571 7.01368C16.2994 8.08888 17.9315 8.65955 19.6257 8.65948C19.6361 8.65948 19.6465 8.65948 19.657 8.65941L20.3545 10.3356L18.3974 11.467C17.8878 11.7616 17.7133 12.4139 18.0075 12.9241C18.2048 13.2663 18.5629 13.4576 18.931 13.4576C19.1117 13.4576 19.295 13.4115 19.4627 13.3145L21.1809 12.3213L22.0072 14.307L20.528 15.162C20.0185 15.4566 19.844 16.1089 20.1381 16.6191C20.3354 16.9613 20.6935 17.1526 21.0617 17.1526C21.2424 17.1526 21.4256 17.1065 21.5934 17.0095L23.1428 16.1138C23.8496 16.7691 24.7886 17.1524 25.7956 17.1524H27.9489V22.1302H20.7432L10.1612 16.0131C10.7545 14.5351 10.859 12.9119 10.4472 11.3449C10.052 9.84128 9.21754 8.52629 8.05276 7.54332C8.22237 7.37486 8.39978 7.21351 8.58607 7.0609ZM6.76576 9.25283C8.35355 10.6639 8.95603 12.9168 8.28778 14.9301L4.69097 12.8509L6.76576 9.25283ZM33.9858 26.3969H20.4577C19.8975 26.3969 19.345 26.2486 18.8597 25.9681L3.48295 17.0793C3.2365 16.9368 3.06022 16.7068 2.98657 16.4316C2.91292 16.1564 2.9507 15.8689 3.09303 15.6222L3.6257 14.6985L19.9252 24.1207C20.0871 24.2143 20.2709 24.2636 20.4579 24.2636H35.0511V25.3303C35.0511 25.9184 34.5732 26.3969 33.9858 26.3969Z" fill="#1C1C30"/>
|
||||
<path d="M6.85511 30.6635H1.88352C1.29516 30.6635 0.818176 31.1411 0.818176 31.7302C0.818176 32.3193 1.29516 32.7969 1.88352 32.7969H6.85511C7.44346 32.7969 7.92045 32.3193 7.92045 31.7302C7.92045 31.1411 7.44346 30.6635 6.85511 30.6635Z" fill="#1C1C30"/>
|
||||
<path d="M29.0142 30.6635H12.5369C11.9486 30.6635 11.4716 31.1411 11.4716 31.7302C11.4716 32.3193 11.9486 32.7969 12.5369 32.7969H29.0142C29.6026 32.7969 30.0795 32.3193 30.0795 31.7302C30.0795 31.1411 29.6026 30.6635 29.0142 30.6635Z" fill="#1C1C30"/>
|
||||
<path d="M9.69701 26.3969H1.88451C1.29616 26.3969 0.819171 26.8745 0.819171 27.4635C0.819171 28.0526 1.29616 28.5302 1.88451 28.5302H9.69701C10.2854 28.5302 10.7624 28.0526 10.7624 27.4635C10.7624 26.8745 10.2854 26.3969 9.69701 26.3969Z" fill="#1C1C30"/>
|
||||
<path d="M36.1165 30.6635H33.2756C32.6872 30.6635 32.2102 31.1411 32.2102 31.7302C32.2102 32.3193 32.6872 32.7969 33.2756 32.7969H36.1165C36.7048 32.7969 37.1818 32.3193 37.1818 31.7302C37.1818 31.1411 36.7048 30.6635 36.1165 30.6635Z" fill="#1C1C30"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,17 @@
|
||||
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_722_1438)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4516 4.90328C26.4353 4.90328 32.0967 10.5647 32.0967 17.5484C32.0967 24.5321 26.4353 30.1936 19.4516 30.1936C12.4678 30.1936 6.80636 24.5321 6.80636 17.5484C6.80636 10.5647 12.4678 4.90328 19.4516 4.90328Z" fill="white"/>
|
||||
</g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.4584 15.4032L18.5856 22.2591C18.4013 22.4421 18.1032 22.4421 17.9198 22.2591L13.7407 18.062C13.5572 17.8783 13.5572 17.5797 13.7407 17.397L14.7393 16.4012C14.9236 16.2181 15.2217 16.2181 15.4052 16.4012L18.2567 19.2652L23.7931 13.7409C23.9765 13.5579 24.2746 13.5579 24.4596 13.7409L25.4584 14.7382C25.6433 14.9216 25.6433 15.2202 25.4584 15.4032Z" fill="#238593"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_722_1438" x="0.806396" y="0.90332" width="37.2903" height="37.2903" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2"/>
|
||||
<feGaussianBlur stdDeviation="3"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_722_1438"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_722_1438" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="260" height="2" viewBox="0 0 260 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 1H260" stroke="#A4BBE9" stroke-width="1.5" stroke-dasharray="10 10"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 185 B |
@@ -0,0 +1,17 @@
|
||||
<svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_722_1443)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4.90328C25.7655 4.90328 31.25 10.5647 31.25 17.5484C31.25 24.5321 25.7655 30.1936 19 30.1936C12.2345 30.1936 6.75 24.5321 6.75 17.5484C6.75 10.5647 12.2345 4.90328 19 4.90328Z" fill="white"/>
|
||||
</g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0984 15.3318L20.4332 17.9992L23.0984 20.6667C23.4949 21.0634 23.4949 21.7062 23.0984 22.1032C22.9004 22.3014 22.6407 22.4006 22.381 22.4006C22.121 22.4006 21.8614 22.3015 21.6634 22.1032L18.9976 19.4355L16.332 22.1032C16.1339 22.3014 15.8742 22.4006 15.6144 22.4006C15.3546 22.4006 15.0951 22.3015 14.8969 22.1032C14.5005 21.7066 14.5005 21.0635 14.8969 20.6667L17.5621 17.9992L14.8967 15.3318C14.5003 14.935 14.5003 14.2921 14.8967 13.8953C15.2931 13.4988 15.9353 13.4988 16.3319 13.8953L18.9976 16.5628L21.6632 13.8953C22.0597 13.4988 22.702 13.4988 23.0983 13.8953C23.4949 14.2921 23.4949 14.935 23.0984 15.3318Z" fill="#EA2F2F"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_722_1443" x="0.75" y="0.90332" width="36.5" height="37.2903" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2"/>
|
||||
<feGaussianBlur stdDeviation="3"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_722_1443"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_722_1443" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15 8L5 18H1V14L11 4M15 8L18 5L14 1L11 4M15 8L11 4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 247 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.6265 0.407227L7.66704 1.03155C8.98698 1.81148 10.0009 3.01888 10.5409 4.45377C10.7242 4.04086 10.9423 3.64033 11.1446 3.23568L11.9547 4.04581C13.7732 5.86428 15.5 8.58951 15.5 11.2363C15.5 14.7857 13.3116 17.036 9.81006 17.425L8.66216 17.5522L8.91321 16.4249C9.10894 15.543 9.14445 14.9665 9.10315 14.5627C9.0536 14.0548 8.81246 13.6559 8.51186 13.2595C8.22448 12.8797 7.93957 12.499 7.71164 12.0786C6.77433 12.8194 6.41096 13.4883 6.29452 14.0391C6.14587 14.7444 6.35646 15.4653 6.74129 16.235L7.42012 17.5927L5.91216 17.425C3.78484 17.1888 1.68889 15.7676 0.863066 13.6939C7.85589e-05 11.5245 0.610364 8.89919 3.39835 6.48283C5.2482 4.8799 6.22763 2.80129 6.6265 0.407227ZM7.7265 3.13245C7.09722 4.89972 5.88904 6.51008 4.47936 7.73147C2.07538 9.81503 1.85984 11.7318 2.39828 13.0828C2.7988 14.0903 3.66344 14.9186 4.68829 15.3885C4.56784 14.8321 4.56446 14.2567 4.67838 13.6989C4.9476 12.4222 5.86592 11.2255 7.62988 10.1231L8.5193 9.56728L8.85128 10.5624C9.14197 11.4345 9.74482 12.0514 10.2164 12.8169C10.735 13.6592 10.8341 14.6255 10.7284 15.59C12.892 15.0491 13.8483 13.4082 13.8483 11.2363C13.8483 9.40129 12.7417 7.60099 11.6434 6.19379C11.1908 7.2079 10.237 7.56466 9.30631 8.03042V6.69424C9.30631 5.56368 8.84632 4.18538 7.7265 3.13328V3.13245Z" fill="#F96577"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,18 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_438_1024)">
|
||||
<rect x="15.6434" width="6.3402" height="12.5083" transform="rotate(30 15.6434 0)" fill="#F2BCBC"/>
|
||||
<rect x="15.6434" width="1.78468" height="12.5083" transform="rotate(30 15.6434 0)" fill="#F39D9D"/>
|
||||
<path d="M6.42852 14.8525L10.5305 7.71704L10.7674 7.91373C12.5064 9.35747 14.6129 10.2887 16.8511 10.6032L22.1183 17.3374H23.399C27.7824 17.3374 31.3359 20.8909 31.3359 25.2743H18.1679L7.45484 18.8171C6.09093 17.995 5.63484 16.2331 6.42852 14.8525Z" fill="#384C7F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.43077 14.8484L6.42834 14.8526C5.63465 16.2333 6.09074 17.9951 7.45465 18.8172L18.1677 25.2744H31.3357C31.3357 24.241 31.1382 23.2537 30.7788 22.3482H18.1677L7.45465 15.891C7.01539 15.6262 6.67029 15.264 6.43077 14.8484Z" fill="#242F52"/>
|
||||
<path d="M18.1679 17.959L20.9384 15.8496" stroke="#6FFFE9" stroke-width="1.4631"/>
|
||||
<path d="M19.1474 13.5598L16.079 15.6938" stroke="#6FFFE9" stroke-width="1.4631"/>
|
||||
<rect x="1" y="24.8406" width="12.5" height="1.25" rx="0.625" fill="#242F52"/>
|
||||
<rect x="2" y="22" width="7.5" height="1.25" rx="0.625" fill="#242F52"/>
|
||||
<rect y="19" width="7.5" height="1.25" rx="0.625" fill="#242F52"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_438_1024">
|
||||
<rect width="32" height="32" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="2" height="222" viewBox="0 0 2 222" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1L1 221" stroke="#C5D6F9" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 185 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.22237 0.5C3.23989 0.5 0 3.74933 0 7.74321C0 12.6998 6.46323 19.9763 6.7384 20.2837C6.99692 20.5724 7.44819 20.5719 7.7062 20.2837C7.98137 19.9763 14.4446 12.6998 14.4446 7.74321C14.4446 3.74933 11.2047 0.5 7.22237 0.5ZM7.22237 11.3875C5.21861 11.3875 3.58868 9.75267 3.58868 7.74321C3.58868 5.73374 5.21872 4.09902 7.22237 4.09902C9.22587 4.09902 10.8559 5.73381 10.8559 7.74328C10.8559 9.75274 9.22587 11.3875 7.22237 11.3875Z" fill="#384C7F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 601 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 17 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.4552 2.70907H16.4428L12.1734 6.12456H16.4428M6.1391 1.62891C5.8934 2.39178 5.76865 3.18841 5.76937 3.98987C5.76937 8.23405 9.21005 11.6747 13.4542 11.6747C14.5017 11.676 15.5383 11.4624 16.5 11.0471C15.504 14.1369 12.6055 16.371 9.18486 16.371C4.94068 16.371 1.5 12.9304 1.5 8.68617C1.5 5.52385 3.40969 2.80811 6.1391 1.62891Z" stroke="#65A0F9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 529 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.5455 1.36365L18.1819 5.00001M18.1819 5.00001L14.5455 8.63637M18.1819 5.00001L1.81824 5.00001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 291 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 9H17M17 9V17C17 18.1046 16.1046 19 15 19H3C1.89543 19 1 18.1046 1 17V5C1 3.89543 1.89543 3 3 3H15C16.1046 3 17 3.89543 17 5V9ZM12 1V5M6 1V5" stroke="#384C7F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 341 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.97442 0.561918C6.92965 0.38865 6.82441 0.237099 6.67769 0.134631C6.53097 0.0321631 6.35245 -0.0144671 6.17436 0.00316055C5.99628 0.0207882 5.83036 0.101512 5.70658 0.230755C5.5828 0.359997 5.5093 0.529241 5.49937 0.707923C3.67932 1.30294 2.54828 2.22497 1.87526 3.29701C1.16724 4.42304 1.02623 5.62108 1.00223 6.54311L1.00023 6.63611L0.493215 7.26913C0.299067 7.51176 0.157281 7.79198 0.0767912 8.09212C-0.00369846 8.39226 -0.0211463 8.70582 0.025547 9.01303C0.0722403 9.32025 0.182062 9.61447 0.348093 9.87714C0.514123 10.1398 0.732762 10.3652 0.990231 10.5392L10.0575 16.6704C11.3396 17.5374 12.8519 18.0006 14.3997 18.0005H16.6077C17.0926 18.0005 17.5718 17.8966 18.0131 17.6957C18.4544 17.4949 18.8475 17.2018 19.1659 16.8362C19.4843 16.4705 19.7207 16.0409 19.859 15.5762C19.9973 15.1115 20.0344 14.6226 19.9678 14.1424C19.7298 12.4823 18.2948 11.3323 17.0157 10.7152C16.6007 10.5152 16.2577 10.2552 16.0297 9.91922L13.4466 5.47507C13.626 5.42487 13.7802 5.30975 13.8793 5.1521C13.9785 4.99446 14.0154 4.80557 13.983 4.62219C13.9506 4.43881 13.8511 4.27406 13.7039 4.15998C13.5567 4.04591 13.3723 3.99067 13.1866 4.00503C12.8559 4.03036 12.5279 4.03636 12.2026 4.02303C9.84251 3.92503 7.83745 2.82299 7.12843 1.03593C7.06729 0.881283 7.01585 0.722971 6.97442 0.561918ZM4.39134 2.86199L5.97839 5.60708C6.07684 5.77773 6.14071 5.96611 6.16634 6.16145C6.19198 6.35679 6.17889 6.55526 6.12782 6.74554C6.07674 6.93582 5.98868 7.11417 5.86867 7.27042C5.74866 7.42666 5.59904 7.55773 5.42837 7.65615L5.04336 7.87815L2.52328 6.1781C2.57528 5.48107 2.73029 4.75705 3.1463 4.09403C3.41231 3.67002 3.80432 3.244 4.39334 2.86199M6.4354 8.81618L9.22849 7.20313C9.39915 7.10468 9.58752 7.04081 9.78286 7.01518C9.9782 6.98954 10.1767 7.00263 10.367 7.0537C10.5572 7.10478 10.7356 7.19284 10.8918 7.31285C11.0481 7.43286 11.1791 7.58248 11.2776 7.75315L11.8016 8.66018C11.9 8.83083 11.9639 9.01921 11.9895 9.21454C12.0152 9.40988 12.0021 9.60836 11.951 9.79864C11.8999 9.98892 11.8119 10.1673 11.6919 10.3235C11.5718 10.4798 11.4222 10.6108 11.2516 10.7092L10.1685 11.3353L6.4354 8.81618ZM14.3697 14.9994H18.4618C18.3724 15.4242 18.1395 15.8054 17.8023 16.0787C17.465 16.3521 17.0439 16.501 16.6097 16.5004H14.4017C13.1538 16.5006 11.9344 16.1272 10.9005 15.4284L1.83226 9.2962C1.74641 9.23823 1.6735 9.1631 1.61813 9.07556C1.56275 8.98801 1.52611 8.88995 1.51051 8.78754C1.49492 8.68513 1.5007 8.5806 1.52751 8.48054C1.55431 8.38048 1.60155 8.28706 1.66625 8.20616L2.08127 7.68815L11.7136 14.1864C12.4981 14.716 13.4231 14.9991 14.3697 14.9994Z" fill="#4CCA67"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49988 0C3.80551 0 0 3.80568 0 8.49984C0 13.194 3.80551 16.9999 8.49988 16.9999C13.1941 16.9999 17 13.194 17 8.49984C17 3.80568 13.1941 0 8.49988 0ZM12.1746 10.1165H8.57094C8.55882 10.1165 8.54749 10.1136 8.53535 10.1131C8.52334 10.1137 8.512 10.1165 8.49976 10.1165C8.17509 10.1165 7.91188 9.85325 7.91188 9.52863V3.52746C7.91188 3.20285 8.17509 2.93962 8.49976 2.93962C8.82444 2.93962 9.08764 3.20285 9.08764 3.52746V8.94079H12.1743C12.499 8.94079 12.7622 9.20396 12.7622 9.52863C12.7622 9.85325 12.4992 10.1165 12.1746 10.1165Z" fill="#384C7F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 703 B |
Reference in New Issue
Block a user