first commit
This commit is contained in:
415
resources/scss/app.scss
Normal file
415
resources/scss/app.scss
Normal file
@ -0,0 +1,415 @@
|
||||
@import 'tailwindcss/base';
|
||||
@import 'tailwindcss/components';
|
||||
@import 'tailwindcss/utilities';
|
||||
|
||||
.menu-horizontal-wrapper > .menu-inner > .menu-item:last-child {
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.bg-menu-theme.menu-horizontal .menu-sub .menu-sub > .menu-item .menu-link .menu-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.user-nav .user-name {
|
||||
letter-spacing: 0.03rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.user-nav .user-email {
|
||||
letter-spacing: 0.05rem;
|
||||
font-size: smaller;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.app-brand-logo.demo {
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.app-brand-text {
|
||||
flex-shrink: 1 !important;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link,
|
||||
.nav-pills .nav-link {
|
||||
text-transform: inherit !important;
|
||||
}
|
||||
|
||||
.image-wrapper-16x16 {
|
||||
width: 28px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
padding: 5px;
|
||||
}
|
||||
.image-wrapper-16x16 img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-76x76 {
|
||||
width: 92px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
padding: 5px;
|
||||
}
|
||||
.image-wrapper-76x76 img {
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-120x120 {
|
||||
width: 140px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-120x120 img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-152x152 {
|
||||
width: 172px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-152x152 img {
|
||||
width: 152px;
|
||||
height: 152px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-180x180 {
|
||||
width: 202px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-180x180 img {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-192x192 {
|
||||
width: 214px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-192x192 img {
|
||||
width: 192px;
|
||||
height: 192px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-380x380 {
|
||||
width: 396px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-380x380 img {
|
||||
width: 380px;
|
||||
height: 380px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-520x520 {
|
||||
width: 536px;
|
||||
aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-520x520 img {
|
||||
width: 520px;
|
||||
height: 520px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
.dark-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item.active {
|
||||
background-color: #3a3d53;
|
||||
}
|
||||
.light-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item.active {
|
||||
background-color: #f3f2f3;
|
||||
}
|
||||
|
||||
.max-w-full {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.collapse {
|
||||
visibility: initial;
|
||||
}
|
||||
|
||||
#admin-crm--view-520x520 .nav-pills .nav-link {
|
||||
text-transform: none;
|
||||
}
|
||||
#admin-crm--view-520x520 .nav-tabs .nav-link {
|
||||
text-transform: none;
|
||||
padding-top: 13px;
|
||||
padding-bottom: 13px;
|
||||
}
|
||||
|
||||
html.light-style .fixed-table-container {
|
||||
background-color: white;
|
||||
}
|
||||
html.dark-style .fixed-table-container {
|
||||
background-color: #202332;
|
||||
}
|
||||
|
||||
.form-floating > label {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.form-control:read-only:not(.flatpickr-input) {
|
||||
color: #acaab1;
|
||||
background-color: #f3f2f3;
|
||||
border-color: #cdccd0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dark-style .fixed-columns,
|
||||
.dark-style .fixed-columns-right {
|
||||
background-color: #25293c !important;
|
||||
}
|
||||
|
||||
.bootstrap-table .acction-buttons .footer-actions {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mini-dropzone .dz-message:before {
|
||||
top: 2rem !important;
|
||||
}
|
||||
.mini-dropzone .dz-message {
|
||||
margin: 6rem 0 2rem !important;
|
||||
}
|
||||
.dz-preview {
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.image-wrapper-16x16 {
|
||||
max-width: 36px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-16x16 img {
|
||||
max-width: 16px;
|
||||
max-height: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-76x76 {
|
||||
max-width: 96px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-76x76 img {
|
||||
max-width: 76px;
|
||||
max-height: 76px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-120x120 {
|
||||
max-width: 140px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-120x120 img {
|
||||
max-width: 120px;
|
||||
max-height: 120px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-152x152 {
|
||||
max-width: 172px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-152x152 img {
|
||||
max-width: 152px;
|
||||
max-height: 152px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-180x180 {
|
||||
max-width: 200px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-180x180 img {
|
||||
max-width: 180px;
|
||||
max-height: 180px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-192x192 {
|
||||
max-width: 202px;
|
||||
aspect-ratio: 1/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-192x192 img {
|
||||
max-width: 192px;
|
||||
max-height: 192px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-380x380 {
|
||||
max-width: 400px;
|
||||
aspect-ratio: 1/1;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-380x380 img {
|
||||
max-width: 380px;
|
||||
max-height: 380px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-wrapper-520x520 {
|
||||
max-width: 540px;
|
||||
aspect-ratio: 1/1;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.image-wrapper-520x520 img {
|
||||
max-width: 520px;
|
||||
max-height: 520px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-option-item-check {
|
||||
position: absolute;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.custom-options-checkable {
|
||||
--bs-gutter-x: 1rem !important;
|
||||
}
|
||||
.custom-options-checkable .custom-option-item {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
border-radius: 0.42rem;
|
||||
color: #82868b;
|
||||
background-color: rgba(130, 134, 139, 0.06);
|
||||
border: 1px solid #ebe9f1;
|
||||
}
|
||||
.custom-option-item-check:checked + .custom-option-item {
|
||||
color: #175cc3;
|
||||
background-color: rgba(23, 92, 195, 0.12);
|
||||
border-color: #175cc3;
|
||||
}
|
||||
.custom-options-checkable .custom-option-item span {
|
||||
margin: 0 auto;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
.if_local_address_show {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.form-floating > textarea.form-control,
|
||||
.form-floating > textarea.form-control-plaintext,
|
||||
.form-floating > textarea.form-select{
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
|
||||
.dropzone .dz-message {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
.dropzone-md .dz-message:before {
|
||||
top: 1.5rem;
|
||||
}
|
||||
.dropzone-md .dz-message {
|
||||
margin: 5rem 0 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
.dropzone-sm .dz-message:before {
|
||||
top: 1.5rem;
|
||||
}
|
||||
.dropzone-sm .dz-message {
|
||||
margin: 5rem 0 1.5rem;
|
||||
}
|
||||
|
||||
.dropzone-sm .dz-message:before,
|
||||
.dropzone-xs .dz-message:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropzone-sm .dz-message {
|
||||
margin: 1rem 0 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.dropzone-sm .dz-message .note {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.dropzone-xs .dz-message {
|
||||
margin: .5rem 0 .5rem;
|
||||
font-size: .8rem;
|
||||
}
|
||||
.dropzone-xs .dz-message .note {
|
||||
font-size: .65rem;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
16
resources/scss/pages/page-account-settings.scss
Normal file
16
resources/scss/pages/page-account-settings.scss
Normal file
@ -0,0 +1,16 @@
|
||||
// * Account Settings
|
||||
// *******************************************************************************
|
||||
|
||||
@import '../../assets/vendor/scss/_custom-variables/pages';
|
||||
@import '../../assets/vendor/scss/_bootstrap-extended/include';
|
||||
|
||||
.api-key-actions {
|
||||
position: absolute !important;
|
||||
top: 0.75rem;
|
||||
@include app-ltr() {
|
||||
right: 0.5rem;
|
||||
}
|
||||
@include app-rtl() {
|
||||
left: 0.5rem;
|
||||
}
|
||||
}
|
||||
169
resources/scss/pages/page-auth.scss
Normal file
169
resources/scss/pages/page-auth.scss
Normal file
@ -0,0 +1,169 @@
|
||||
// * Authentication
|
||||
// *******************************************************************************
|
||||
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include' as light;
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark;
|
||||
@import '../../assets/vendor/scss/_custom-variables/pages';
|
||||
|
||||
$authentication-1-inner-max-width: 460px !default;
|
||||
|
||||
.authentication-wrapper {
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
|
||||
.authentication-inner {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.authentication-basic {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.card-body {
|
||||
padding: 3rem;
|
||||
@include light.media-breakpoint-down(sm) {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.authentication-cover {
|
||||
align-items: flex-start;
|
||||
.authentication-inner {
|
||||
height: 100%;
|
||||
margin: auto 0;
|
||||
|
||||
@include light.media-breakpoint-down(lg) {
|
||||
height: 100vh;
|
||||
}
|
||||
// authentication cover background styles
|
||||
.auth-cover-bg {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
|
||||
// authentication cover illustration height
|
||||
.auth-illustration {
|
||||
max-height: 65%;
|
||||
max-width: 65%;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// authentication cover platform bg styles
|
||||
.platform-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0%;
|
||||
left: 0%;
|
||||
height: 35%;
|
||||
}
|
||||
|
||||
// authentication multisteps styles
|
||||
.auth-multisteps-bg-height {
|
||||
height: 100vh;
|
||||
|
||||
// z-index for illustration
|
||||
& > img:first-child {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.authentication-basic .authentication-inner {
|
||||
max-width: $authentication-1-inner-max-width;
|
||||
position: relative;
|
||||
&:before {
|
||||
@include light.media-breakpoint-down(sm) {
|
||||
display: none;
|
||||
}
|
||||
width: 238px;
|
||||
height: 233px;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: -35px;
|
||||
left: -45px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
|
||||
}
|
||||
&:after {
|
||||
@include light.media-breakpoint-down(sm) {
|
||||
display: none;
|
||||
}
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
bottom: -30px;
|
||||
right: -56px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
|
||||
}
|
||||
}
|
||||
|
||||
// For two-steps auth
|
||||
.auth-input-wrapper .auth-input {
|
||||
max-width: 50px;
|
||||
padding-left: 0.4rem;
|
||||
padding-right: 0.4rem;
|
||||
font-size: light.$large-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
// authentication multisteps responsive styles
|
||||
@media (max-height: 636px) {
|
||||
.auth-multisteps-bg-height {
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Two-steps auth responsive style
|
||||
@include light.media-breakpoint-down(sm) {
|
||||
.authentication-wrapper {
|
||||
.auth-input-wrapper .auth-input {
|
||||
font-size: light.$h5-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Two Steps Verification
|
||||
// ? Used for validation specific style as we have validated hidden field
|
||||
#twoStepsForm {
|
||||
.fv-plugins-bootstrap5-row-invalid .form-control {
|
||||
border-color: light.$form-feedback-invalid-color;
|
||||
border-width: light.$input-focus-border-width;
|
||||
}
|
||||
}
|
||||
@include light.media-breakpoint-down(sm) {
|
||||
.numeral-mask-wrapper .numeral-mask {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.numeral-mask {
|
||||
margin-inline: 1px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Light Layout
|
||||
@if $enable-light-style {
|
||||
.light-style {
|
||||
.authentication-wrapper .authentication-bg {
|
||||
background-color: light.$white;
|
||||
}
|
||||
.auth-cover-bg-color {
|
||||
background-color: light.$body-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dark Layout
|
||||
@if $enable-dark-style {
|
||||
.dark-style {
|
||||
.authentication-wrapper .authentication-bg {
|
||||
background-color: dark.$card-bg;
|
||||
}
|
||||
.auth-cover-bg-color {
|
||||
background-color: dark.$body-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
34
resources/scss/pages/page-misc.scss
Normal file
34
resources/scss/pages/page-misc.scss
Normal file
@ -0,0 +1,34 @@
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include';
|
||||
|
||||
.misc-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: calc(100vh - 1.5rem * 2);
|
||||
text-align: center;
|
||||
}
|
||||
// Misc Image Wrapper
|
||||
.misc-bg-wrapper {
|
||||
position: relative;
|
||||
img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
// media query for width
|
||||
@media (max-width: 1499.98px) {
|
||||
// All Misc Pages
|
||||
.misc-bg-wrapper img {
|
||||
height: 250px;
|
||||
}
|
||||
// Under Maintenance
|
||||
.misc-under-maintenance-bg-wrapper img {
|
||||
height: 270px !important;
|
||||
}
|
||||
}
|
||||
66
resources/scss/pages/page-profile.scss
Normal file
66
resources/scss/pages/page-profile.scss
Normal file
@ -0,0 +1,66 @@
|
||||
// * Help center
|
||||
// *******************************************************************************
|
||||
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include' as light;
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark;
|
||||
@import '../../assets/vendor/scss/_custom-variables/pages';
|
||||
|
||||
$user-profile-banner-size: 250px !default;
|
||||
$user-profile-banner-sm-size: 150px !default;
|
||||
$user-image-size: 120px !default;
|
||||
$user-image-sm-size: 100px !default;
|
||||
|
||||
.user-profile-header-banner {
|
||||
img {
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
height: $user-profile-banner-size;
|
||||
}
|
||||
}
|
||||
.user-profile-header {
|
||||
margin-top: -2rem;
|
||||
.user-profile-img {
|
||||
border: 5px solid;
|
||||
width: $user-image-size;
|
||||
}
|
||||
}
|
||||
|
||||
//Light style
|
||||
@if $enable-light-style {
|
||||
.light-style {
|
||||
.user-profile-header .user-profile-img {
|
||||
border-color: light.$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Dark style
|
||||
@if $enable-dark-style {
|
||||
.dark-style {
|
||||
.user-profile-header .user-profile-img {
|
||||
border-color: dark.$card-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Datatable search margin
|
||||
.dataTables_wrapper {
|
||||
.card-header .dataTables_filter label {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive style
|
||||
@include light.media-breakpoint-down(md) {
|
||||
.user-profile-header-banner {
|
||||
img {
|
||||
height: $user-profile-banner-sm-size;
|
||||
}
|
||||
}
|
||||
.user-profile-header {
|
||||
.user-profile-img {
|
||||
width: $user-image-sm-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
104
resources/scss/pages/page-user-view.scss
Normal file
104
resources/scss/pages/page-user-view.scss
Normal file
@ -0,0 +1,104 @@
|
||||
// * Help center
|
||||
// *******************************************************************************
|
||||
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include' as light;
|
||||
@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark;
|
||||
@import '../../assets/vendor/scss/_custom-variables/pages';
|
||||
|
||||
.user-card {
|
||||
.user-info-title {
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.card.primary-shadow {
|
||||
box-shadow: 0 0.125rem 0.375rem 0 rgba(light.$primary, 0.3) !important;
|
||||
}
|
||||
// Light style
|
||||
@if $enable-light-style {
|
||||
.light-style {
|
||||
@include light.media-breakpoint-up(xl) {
|
||||
.user-card {
|
||||
.border-container-lg {
|
||||
border-right: 1px solid light.$border-color;
|
||||
}
|
||||
}
|
||||
@include app-rtl-style() {
|
||||
.user-card {
|
||||
.border-container-lg {
|
||||
border-right: 0;
|
||||
border-left: 1px solid light.$border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include light.media-breakpoint-down(xl) {
|
||||
.user-card {
|
||||
.border-container-lg {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include light.media-breakpoint-up(sm) {
|
||||
.user-card {
|
||||
.border-container {
|
||||
border-right: 1px solid light.$border-color;
|
||||
}
|
||||
}
|
||||
.timeline {
|
||||
.break-text {
|
||||
width: calc(100% - 90px);
|
||||
}
|
||||
}
|
||||
@include app-rtl-style() {
|
||||
.user-card {
|
||||
.border-container {
|
||||
border-right: 0;
|
||||
border-left: 1px solid light.$border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dark style
|
||||
@if $enable-dark-style {
|
||||
.dark-style {
|
||||
@include dark.media-breakpoint-up(lg) {
|
||||
.user-card {
|
||||
.border-container-lg {
|
||||
border-right: 1px solid dark.$border-color;
|
||||
}
|
||||
}
|
||||
@include app-rtl-style() {
|
||||
.user-card {
|
||||
.border-container-lg {
|
||||
border-right: 0;
|
||||
border-left: 1px solid dark.$border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include dark.media-breakpoint-up(sm) {
|
||||
.user-card {
|
||||
.border-container {
|
||||
border-right: 1px solid dark.$border-color;
|
||||
}
|
||||
}
|
||||
.timeline {
|
||||
.break-text {
|
||||
width: calc(100% - 90px);
|
||||
}
|
||||
}
|
||||
@include app-rtl-style() {
|
||||
.user-card {
|
||||
.border-container {
|
||||
border-right: 0;
|
||||
border-left: 1px solid dark.$border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user