Initial commit - Master Admin UI

preview/assets/scss/plugins/_calendar.scss

@@ -0,0 +1,133 @@
+/* Start Calendar  Styles */
+#external-events .fc-event {
+  @apply rounded-sm my-1 py-2 px-3;
+}
+.fc-theme-standard td,
+.fc-theme-standard th {
+  @apply border-gray-200! dark:!border-white/10;
+}
+
+.fc .fc-button:focus {
+  @apply shadow-md!;
+}
+
+.fc .fc-button-primary:focus,
+.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
+.fc .fc-button-primary:not(:disabled):active:focus {
+  @apply shadow-md!
+}
+
+.fc-h-event {
+  @apply text-white bg-primary border-primary;
+}
+
+.fc .fc-button-primary {
+  @apply text-white! bg-primary! border-primary!;
+}
+
+.fc .fc-button-primary:hover {
+  @apply text-white! bg-primary/80! border-primary/80!;
+}
+
+.fc .fc-button-primary:disabled {
+  @apply text-white! bg-primary/80! border-primary/80!;
+}
+
+.fc .fc-button-primary:not(:disabled).fc-button-active,
+.fc .fc-button-primary:not(:disabled):active {
+  @apply text-white! bg-primary/80! border-primary/80!;
+}
+
+.fc-theme-standard .fc-scrollgrid {
+  @apply border-gray-200! dark:!border-white/10;
+}
+
+.fc .fc-scrollgrid-section-sticky > * {
+  @apply bg-gray-200! dark:!bg-black/20;
+}
+
+.fc-theme-standard .fc-list {
+  @apply border-gray-200! dark:!border-white/10;
+}
+
+.fc .fc-non-business {
+  @apply bg-gray-50! dark:!bg-black/20;
+}
+
+.fc .fc-scrollgrid {
+  @apply rounded-sm overflow-hidden;
+}
+
+.fc .fc-bg-event,
+.fc .fc-highlight,
+.fc .fc-non-business,
+.fc .fc-view-harness-active > .fc-view {
+  @apply rounded-sm overflow-hidden;
+}
+
+.fc .fc-cell-shaded,
+.fc .fc-day-disabled {
+  @apply bg-gray-50! dark:!bg-black/20 ;
+}
+
+.fc .fc-daygrid-day.fc-day-today {
+  @apply bg-primary/20! ;
+}
+
+.fc .fc-timegrid-col.fc-day-today {
+  @apply bg-primary/20! ;
+}
+
+.fc-theme-standard .fc-list-day-cushion {
+  @apply bg-gray-50! dark:!bg-black/20 ;
+}
+
+.fc .fc-list-event:hover td {
+  @apply bg-primary/20! ;
+}
+.fc-timegrid-event-harness-inset .fc-timegrid-event,
+.fc-timegrid-event.fc-event-mirror,
+.fc-timegrid-more-link {
+  @apply shadow-md! shadow-gray-200! dark:!shadow-gray-800 ;
+}
+
+.fullcalendar-events-activity li {
+  @apply mb-3 text-sm py-1 ps-8 relative before:absolute before:w-3 before:h-3 before:border before:border-primary before:rounded-sm before:bg-transparent before:start-1 before:top-[0.563rem]
+        after:absolute after:h-full after:bg-transparent after:border-s-2 after:border-dashed after:border-primary/10 after:start-[0.563rem] after:top-5;
+}
+.fullcalendar-events-activity li:last-child {
+  @apply mb-0;
+}
+.fullcalendar-events-activity li:last-child::after {
+  @apply border-0;
+}
+
+#full-calendar-activity {
+  @apply max-h-44;
+}
+.fc-col-header-cell .fc-scrollgrid-sync-inner {
+  @apply p-2 flex justify-center;
+}
+.fc-direction-ltr .fc-daygrid-event.fc-event-start,
+.fc-direction-rtl .fc-daygrid-event.fc-event-end {
+  @apply px-2;
+}
+.fc .fc-day-other .fc-daygrid-day-top {
+  @apply opacity-100! text-gray-500! dark:!text-white/70;
+}
+.fc-theme-standard .fc-popover {
+  @apply border-gray-200 dark:border-white/10 bg-white dark:bg-bodybg;
+}
+.fc-header-toolbar {
+  @apply md:!flex block md:!space-y-0 space-y-2!;
+}
+.fc .fc-list-sticky .fc-list-day > * {
+  @apply bg-gray-100 dark:bg-black/20;
+}
+.fc-event-dragging {
+  @apply px-2 py-2;
+}
+.fc .fc-daygrid-day-bottom{
+  @apply text-[0.44em]! pt-0! ;
+}
+/* End Calendar  Styles */

preview/assets/scss/plugins/_datatable.scss

@@ -0,0 +1,163 @@
+/* Start Datatable  Styles */
+.tabulator .tabulator-header .tabulator-col {
+  @apply bg-white! border-gray-200! dark:!bg-bodybg dark:!border-white/10;
+}
+
+.tabulator
+  .tabulator-header
+  .tabulator-headers
+  .tabulator-col
+  .tabulator-col-content {
+  @apply px-6! py-3!;
+}
+
+.tabulator .tabulator-row .tabulator-cell {
+  @apply px-6! py-3!;
+}
+
+.tabulator .tabulator-row.tabulator-row-even {
+  @apply bg-gray-100! dark:!bg-black/20;
+}
+
+.tabulator-row.tabulator-selectable:hover {
+  @apply bg-gray-100! dark:!bg-black/20;
+}
+
+.tabulator .tabulator-row {
+  @apply border-t! border-gray-200! dark:!border-white/10 ;
+}
+
+.tabulator .tabulator-header {
+  @apply border-0!  bg-white! dark:!text-white dark:!bg-bodybg ;
+}
+
+.tabulator {
+  @apply border-0! bg-transparent! ;
+}
+
+.tabulator-row .tabulator-cell {
+  @apply border-gray-200! dark:!border-white/10 ;
+}
+
+.tabulator .tabulator-row .tabulator-cell:nth-child(9) {
+  @apply border-e-0!;
+}
+
+.tabulator .tabulator-header .tabulator-col:nth-child(9) {
+  @apply border-e-0!;
+}
+
+.tabulator .tabulator-footer {
+  @apply border-gray-200! dark:!text-defaulttextcolor/70 dark:!border-white/10;
+}
+
+.tabulator .tabulator-footer {
+  @apply bg-transparent! font-medium!;
+}
+
+.tabulator .tabulator-tableholder .tabulator-table {
+  @apply text-defaulttextcolor! dark:!text-defaulttextcolor/70  bg-transparent!;
+}
+
+.tabulator-row {
+  @apply bg-transparent!;
+}
+
+.tabulator .tabulator-footer .tabulator-paginator {
+  @apply dark:!text-white;
+}
+
+select.tabulator-page-size {
+  @apply bg-[length:1rem_1rem]!;
+}
+
+.tabulator .tabulator-footer .tabulator-page-size {
+  @apply py-1! ps-3! pe-8! leading-[1.6]! text-xs! border-gray-200! dark:!border-white/10 bg-transparent! rounded-md! ;
+}
+
+.tabulator .tabulator-footer .tabulator-page {
+  @apply py-1! px-3! rounded-md! border-gray-200! dark:!border-white/10 text-defaulttextcolor!  dark:!text-defaulttextcolor/70 bg-transparent!;
+}
+
+.tabulator .tabulator-footer .tabulator-page.active {
+  @apply text-primary!;
+}
+.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
+  @apply text-primary! bg-primary/30!;
+}
+select.tabulator-page-size {
+  @apply filter!;
+  option {
+    @apply dark:!bg-bodybg border-gray-200! dark:!border-white/10;
+  }
+}
+.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
+  @apply px-0!;
+}
+.sortable-data {
+  select {
+    @apply border-inherit! rounded-md! bg-[length:1rem_1rem]!;
+  }
+  .choices {
+    @apply mb-0!;
+  }
+}
+.tabulator .tabulator-col-resize-handle:last-child {
+  @apply hidden! ;
+}
+
+.tabulator-row .tabulator-cell.tabulator-editing {
+  @apply border-0! border-gray-200! dark:!border-white/10;
+}
+.tabulator .tabulator-footer .tabulator-footer-contents {
+  @apply sm:!flex-row flex-col! space-y-2! sm:!space-y-0 p-4!;
+}
+.tabulator .tabulator-footer .tabulator-page-size {
+  @apply sm:!ps-3 ps-1! sm:!pe-8 !pe-4 ;
+}
+.tabulator .tabulator-footer .tabulator-page {
+  @apply sm:!px-3 px-1!;
+}
+.tabulator .tabulator-footer .tabulator-paginator {
+  label {
+    @apply hidden!;
+  }
+}
+@media screen and (max-width: 1024px) {
+  .tabulator-col,
+  .tabulator-cell {
+    @apply w-60!;
+  }
+}
+.tabulator
+  .tabulator-header
+  .tabulator-col.tabulator-sortable[aria-sort="ascending"]
+  .tabulator-col-content
+  .tabulator-col-sorter {
+  @apply text-defaulttextcolor dark:text-defaulttextcolor/70;
+}
+.tabulator
+  .tabulator-header
+  .tabulator-col.tabulator-sortable[aria-sort="ascending"]
+  .tabulator-col-content
+  .tabulator-col-sorter
+  .tabulator-arrow {
+  @apply border-b-gray-200 dark:border-b-white/10;
+}
+.tabulator
+  .tabulator-header
+  .tabulator-col.tabulator-sortable[aria-sort="descending"]
+  .tabulator-col-content
+  .tabulator-col-sorter
+  .tabulator-arrow {
+  @apply border-t-gray-200 dark:border-t-white/10;
+}
+.tabulator .tabulator-footer .tabulator-page-size {
+  @apply block! mb-2! w-full! sm:!inline-block sm:!mb-0 sm:!w-auto;
+}
+.sortable-data{
+ .choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable {
+  @apply px-3!;
+ }
+}
+/* End Datatable  Styles */

preview/assets/scss/plugins/_sweetalert.scss

@@ -0,0 +1,126 @@
+/* Start Sweetalert  Styles */
+
+.swal2-popup {
+  @apply dark:bg-bodybg dark:text-white p-6 rounded-sm;
+}
+.swal2-title {
+  @apply p-0 text-xl mb-2;
+}
+.swal2-icon {
+  @apply mt-0;
+}
+.swal2-image {
+  @apply mt-0;
+}
+
+.swal2-styled.swal2-confirm {
+  @apply bg-primary rounded-sm;
+}
+div:where(.swal2-container) div:where(.swal2-validation-message) {
+  @apply bg-light text-defaulttextcolor dark:text-defaulttextcolor/70;
+}
+.swal2-styled.swal2-confirm:focus {
+  @apply shadow shadow-primary;
+}
+
+div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right],
+div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
+  @apply hidden;
+}
+.swal2-footer {
+  @apply border-gray-200 dark:border-white/10;
+}
+
+.swal2-styled.swal2-deny {
+  @apply bg-danger;
+}
+
+.swal2-styled.swal2-cancel {
+  @apply bg-secondary;
+}
+
+.swal2-loader {
+  @apply border-t-primary border-b-primary;
+}
+
+.swal2-file,
+.swal2-input,
+.swal2-textarea {
+  @apply border-gray-200 bg-white dark:bg-bodybg shadow-none! dark:border-white/10;
+}
+
+.swal2-file:focus,
+.swal2-input:focus,
+.swal2-textarea:focus {
+  @apply border-primary ring-primary shadow shadow-none;
+}
+
+.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
+  @apply bg-danger;
+}
+
+.swal2-icon.swal2-error {
+  @apply border-danger text-danger;
+}
+ .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
+     @apply start-[1em];
+   }
+
+   .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
+     @apply w-[2em] h-[0.3em] bg-danger top-[1.9em];
+   }
+
+   .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
+     @apply end-[1em] top-[1.875rem];
+   }
+.swal2-icon.swal2-info {
+  @apply border-info text-info;
+}
+
+.swal2-icon.swal2-success .swal2-success-ring {
+  @apply border-success/50;
+}
+.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
+  @apply top-[2.05em]! w-8! right-[0.45em]!;
+}
+.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
+  @apply top-[2.375em]!  left-[0.9125em]! w-[1.2625em]!;
+}
+.swal2-icon.swal2-success {
+  @apply border-success text-success;
+}
+
+.swal2-icon.swal2-question {
+  @apply border-secondary text-secondary;
+}
+
+.swal2-icon.swal2-warning {
+  @apply border-warning text-warning;
+}
+.swal2-icon {
+  @apply w-[60px] h-[60px];
+}
+// .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
+//   @apply top-[30px] w-[30px] h-1;
+// }
+
+.swal2-actions,
+.swal2-html-container {
+  @apply m-0;
+}
+.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
+  @apply top-10 w-8 right-[15px];
+}
+.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
+  @apply top-[47px]  left-[22px] w-[20px];
+}
+.swal2-image{
+  @apply dark:brightness-50;
+}
+.swal2-icon.swal2-success .swal2-success-fix {
+  @apply bg-transparent !bg-transparent;
+}
+.swal2-footer {
+  @apply border-defaultborder dark:border-defaultborder/10 text-defaulttextcolor dark:text-defaulttextcolor/70;
+}
+/* End  Sweetalert  Styles */

preview/assets/scss/plugins/_swiper.scss

@@ -0,0 +1,68 @@
+/* Start Swiper Carousel  Styles */
+ 
+.swiper {
+  @apply w-full h-full;
+
+}
+[dir="rtl"] {
+  .swiper {
+    direction: ltr;
+  }
+}
+.swiper-cube .swiper-cube-shadow:before {
+  @apply bg-transparent;
+}
+
+.swiper-slide img {
+  @apply block w-full h-full object-cover rounded-sm;
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+  @apply dark:text-white bg-black/20 py-2 px-4 rounded-full h-auto;
+}
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  @apply text-base text-white;
+}
+
+.swiper-pagination-bullet-active {
+  @apply bg-white;
+}
+
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  @apply bg-primary;
+}
+
+.mySwiper7.swiper-free-mode {
+
+  &.swiper-horizontal>.swiper-pagination-bullets,
+  .swiper-pagination-bullets.swiper-pagination-horizontal,
+  .swiper-pagination-custom,
+  .swiper-pagination-fraction {
+    @apply -bottom-4 pt-1 sticky;
+  }
+}
+
+[dir="rtl"] {
+  .swiper {
+    direction:ltr;
+  }
+}
+.swiper-slide{
+  img {
+   @apply block h-full w-full object-cover;
+  }
+}
+
+/* End Swiper Carousel  Styles */
+
+
+ .swiper-view .swiper-slide {
+   @apply  opacity-40!;
+ }
+
+ .swiper-view .swiper-slide-thumb-active {
+   @apply opacity-100!;
+ }