ultimatepos/Modules/ProfessionalProject/Resources/views/layouts/project_form_style.blade.php

84 lines
1.9 KiB
PHP

<style>
.pp-project-form-body .form-group.row {
margin-bottom: 18px;
}
.pp-project-form-body .control-label.required::after {
content: '';
}
.pp-form-divider {
border-top: 1px solid #edf2f7;
margin: 18px 0;
}
.pp-form-toggle-header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0 14px;
padding: 8px 0;
}
.pp-form-toggle-title {
font-size: 15px;
font-weight: 700;
color: #1f2937;
}
.pp-form-collapsed {
padding: 4px 0 8px;
}
.pp-manager-row {
border: 1px solid #d4edda;
border-radius: 10px;
padding: 12px 8px;
margin-bottom: 18px;
background: #f8fff9;
}
.pp-lock-row {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #e5e7eb;
}
.pp-switch {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
margin: 0;
}
.pp-switch input {
opacity: 0;
width: 0;
height: 0;
}
.pp-switch-lever {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #cbd5e1;
transition: .2s;
border-radius: 24px;
}
.pp-switch-lever:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .2s;
border-radius: 50%;
}
.pp-switch input:checked + .pp-switch-lever {
background-color: #1f78d1;
}
.pp-switch input:checked + .pp-switch-lever:before {
transform: translateX(20px);
}
.pp-progress-slider {
width: 100%;
margin-top: 8px;
}
</style>