| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | /*!*********************************************************************************************************************!*\ |
| 2 | 2 | !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***! |
| 3 | 3 | \*********************************************************************************************************************/ |
| 4 | 4 | :root { |
| 5 | - --tt-primary-color: #3161f1; | |
| 5 | + --tt-primary-color: #0060e5; | |
| 6 | 6 | --tt-primary-color-70: #4c93ff; |
| 7 | 7 | --tt-primary-color-50: #78aeff; |
| 8 | 8 | --tt-primary-color-25: #a5c9ff; |
| 9 | 9 | --tt-primary-color-15: #d2e4ff; |
| @@ -24,17 +24,16 @@ | ||
| 24 | 24 | --tt-alert-color: #ef8201; |
| 25 | 25 | --tt-disable-color: #cecfd1; |
| 26 | 26 | --tt-state-color-01: #06a78a; |
| 27 | 27 | --tt-state-color-02: #f1a208; |
| 28 | - --tt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); | |
| 29 | - --tt-primary-gradient-reverse: linear-gradient( | |
| 30 | - 170deg, | |
| 31 | - #3263f8 0%, | |
| 32 | - #254ec8 100% | |
| 33 | - ); | |
| 28 | + --tt-primary-saturated: #0056cc; | |
| 34 | 29 | --tt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%); |
| 35 | 30 | } |
| 36 | 31 | |
| 32 | +.wpmet-jhanda-href img { | |
| 33 | + max-width: 100%; | |
| 34 | +} | |
| 35 | + | |
| 37 | 36 | .tt-margin-0 { |
| 38 | 37 | margin: 0 !important; |
| 39 | 38 | } |
| 40 | 39 | |
| @@ -115,13 +114,13 @@ | ||
| 115 | 114 | padding-right: 10px; |
| 116 | 115 | } |
| 117 | 116 | } |
| 118 | 117 | |
| 119 | -.wrap { | |
| 118 | +#time_tics_dashboard { | |
| 120 | 119 | margin: 20px 40px 0 20px; |
| 121 | 120 | } |
| 122 | 121 | @media screen and (max-width: 768px) { |
| 123 | - .wrap { | |
| 122 | + #time_tics_dashboard { | |
| 124 | 123 | margin: 0; |
| 125 | 124 | } |
| 126 | 125 | } |
| 127 | 126 | |
| @@ -127,9 +126,12 @@ | ||
| 127 | 126 | |
| 128 | 127 | .toplevel_page_timetics .tt-page-header-wrapper { |
| 129 | 128 | border-bottom: 1px solid #d9d9d9; |
| 130 | 129 | padding-bottom: 27px; |
| 130 | + margin-top: 20px; | |
| 131 | 131 | margin-bottom: 30px; |
| 132 | + display: flex; | |
| 133 | + justify-content: space-between; | |
| 132 | 134 | } |
| 133 | 135 | .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header { |
| 134 | 136 | padding: 0; |
| 135 | 137 | background-color: transparent; |
| @@ -135,8 +137,9 @@ | ||
| 135 | 137 | background-color: transparent; |
| 136 | 138 | } |
| 137 | 139 | .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-left, |
| 138 | 140 | .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-extra { |
| 141 | + display: flex; | |
| 139 | 142 | margin: 0; |
| 140 | 143 | } |
| 141 | 144 | .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-title { |
| 142 | 145 | font-size: 22px; |
| @@ -168,9 +171,9 @@ | ||
| 168 | 171 | } |
| 169 | 172 | .toplevel_page_timetics .ant-divider-horizontal { |
| 170 | 173 | border-color: var(--tt-secondary-color-12); |
| 171 | 174 | } |
| 172 | -.toplevel_page_timetics .tt-spinner-canter { | |
| 175 | +.toplevel_page_timetics .tt-spinner-center { | |
| 173 | 176 | width: 100%; |
| 174 | 177 | height: 90vh; |
| 175 | 178 | display: flex; |
| 176 | 179 | align-items: center; |
| @@ -309,9 +312,9 @@ | ||
| 309 | 312 | .tt-btn-dropdown .ant-btn.ant-btn-lg, |
| 310 | 313 | .ant-modal-wrap .ant-btn.ant-btn-lg, |
| 311 | 314 | .ant-popover-inner-content .ant-btn.ant-btn-lg { |
| 312 | 315 | height: 38px; |
| 313 | - line-height: 1; | |
| 316 | + line-height: 1.5; | |
| 314 | 317 | } |
| 315 | 318 | #time_tics_dashboard .ant-btn svg, |
| 316 | 319 | .tt-btn-dropdown .ant-btn svg, |
| 317 | 320 | .ant-modal-wrap .ant-btn svg, |
| @@ -373,9 +376,8 @@ | ||
| 373 | 376 | padding: 25px; |
| 374 | 377 | } |
| 375 | 378 | |
| 376 | 379 | .tt-container-wrapper { |
| 377 | - max-width: 1000px; | |
| 378 | 380 | margin: 60px auto 0; |
| 379 | 381 | } |
| 380 | 382 | .tt-container-wrapper .tt-appoint-type { |
| 381 | 383 | font-size: 21px; |
| @@ -411,12 +413,20 @@ | ||
| 411 | 413 | .tt-container-wrapper .tt-form-container .timetics-input.tt-notice-time-input { |
| 412 | 414 | margin-top: -15px; |
| 413 | 415 | } |
| 414 | 416 | } |
| 415 | -.tt-container-wrapper .tt-settings-container { | |
| 417 | +.tt-container-wrapper .tt-tab-container { | |
| 416 | 418 | padding-left: 0; |
| 417 | 419 | } |
| 418 | 420 | |
| 421 | +.tt-container-wrapper:has(.tt-custom-tab) { | |
| 422 | + max-width: 900px; | |
| 423 | +} | |
| 424 | + | |
| 425 | +.tt-container-wrapper:not(:has(.tt-custom-tab)) { | |
| 426 | + max-width: 750px; | |
| 427 | +} | |
| 428 | + | |
| 419 | 429 | .ql-editor { |
| 420 | 430 | min-height: 130px; |
| 421 | 431 | } |
| 422 | 432 | |
| @@ -430,9 +440,10 @@ | ||
| 430 | 440 | font-size: 12px; |
| 431 | 441 | } |
| 432 | 442 | |
| 433 | 443 | @media screen and (max-width: 782px) { |
| 434 | - input[type=text] { | |
| 444 | + input[type=text], | |
| 445 | + input[type=number] { | |
| 435 | 446 | min-height: 30px; |
| 436 | 447 | } |
| 437 | 448 | } |
| 438 | 449 | @media (max-width: 590px) { |
| @@ -441,8 +452,10 @@ | ||
| 441 | 452 | } |
| 442 | 453 | } |
| 443 | 454 | .tt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input { |
| 444 | 455 | background-color: transparent; |
| 456 | + display: block; | |
| 457 | + width: 100%; | |
| 445 | 458 | } |
| 446 | 459 | |
| 447 | 460 | .ant-notification { |
| 448 | 461 | margin-top: 16px !important; |
| @@ -464,9 +477,9 @@ | ||
| 464 | 477 | box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); |
| 465 | 478 | background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); |
| 466 | 479 | } |
| 467 | 480 | .toplevel_page_timetics .ant-switch.ant-switch-checked { |
| 468 | - background: var(--tt-primary-gradient); | |
| 481 | + background: var(--tt-primary-color); | |
| 469 | 482 | } |
| 470 | 483 | .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { |
| 471 | 484 | left: calc(100% - 20px); |
| 472 | 485 | } |
| @@ -487,9 +500,9 @@ | ||
| 487 | 500 | top: 45%; |
| 488 | 501 | border-radius: 0; |
| 489 | 502 | } |
| 490 | 503 | .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner { |
| 491 | - background: var(--tt-primary-gradient); | |
| 504 | + background: var(--tt-primary-color); | |
| 492 | 505 | border-color: var(--tt-primary-color); |
| 493 | 506 | } |
| 494 | 507 | .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked:after { |
| 495 | 508 | border-radius: 4px; |
| @@ -499,9 +512,9 @@ | ||
| 499 | 512 | height: 12px; |
| 500 | 513 | left: 50%; |
| 501 | 514 | top: 50%; |
| 502 | 515 | border-radius: 2px; |
| 503 | - background: var(--tt-primary-gradient); | |
| 516 | + background: var(--tt-primary-color); | |
| 504 | 517 | } |
| 505 | 518 | .toplevel_page_timetics .ant-checkbox + span { |
| 506 | 519 | position: relative; |
| 507 | 520 | top: -3px; |
| @@ -569,9 +582,13 @@ | ||
| 569 | 582 | fill: #fff !important; |
| 570 | 583 | } |
| 571 | 584 | .toplevel_page_timetics .ant-tabs-tab-btn { |
| 572 | 585 | color: var(--tt-secondary-color-50); |
| 586 | + display: flex; | |
| 573 | 587 | } |
| 588 | +.toplevel_page_timetics .ant-tabs-tab-btn .ant-tabs-tab-icon { | |
| 589 | + display: flex; | |
| 590 | +} | |
| 574 | 591 | .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav, |
| 575 | 592 | .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav, |
| 576 | 593 | .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav, |
| 577 | 594 | .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav { |
| @@ -599,9 +616,9 @@ | ||
| 599 | 616 | .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { |
| 600 | 617 | height: 3px; |
| 601 | 618 | } |
| 602 | 619 | .toplevel_page_timetics .ant-tabs-ink-bar { |
| 603 | - background: var(--tt-primary-gradient); | |
| 620 | + background: var(--tt-primary-color); | |
| 604 | 621 | border-radius: 10px 10px 0 0; |
| 605 | 622 | } |
| 606 | 623 | .toplevel_page_timetics .tt-settings-wrapper .ant-typography.ant-typography-secondary { |
| 607 | 624 | color: var(--tt-secondary-color-65); |
| @@ -829,16 +846,17 @@ | ||
| 829 | 846 | } |
| 830 | 847 | .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn):hover, .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn):focus { |
| 831 | 848 | color: var(--tt-primary-color); |
| 832 | 849 | border-color: var(--tt-primary-color); |
| 850 | + background-color: inherit; | |
| 833 | 851 | } |
| 834 | 852 | .toplevel_page_timetics .ant-btn.ant-btn-primary { |
| 835 | - background-image: var(--tt-primary-gradient); | |
| 853 | + background: var(--tt-primary-color); | |
| 836 | 854 | color: #fff; |
| 837 | 855 | border: none; |
| 838 | 856 | } |
| 839 | 857 | .toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus { |
| 840 | - background-image: var(--tt-primary-gradient-reverse); | |
| 858 | + background: var(--tt-primary-saturated) !important; | |
| 841 | 859 | color: #fff; |
| 842 | 860 | } |
| 843 | 861 | .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg { |
| 844 | 862 | width: 15px; |
| @@ -906,10 +924,14 @@ | ||
| 906 | 924 | line-height: 1.5; |
| 907 | 925 | margin: 0 !important; |
| 908 | 926 | border-width: 0; |
| 909 | 927 | } |
| 928 | +.toplevel_page_timetics .ant-btn.tt-link-btn.tt-link-dark-btn { | |
| 929 | + font-size: 12px; | |
| 930 | + color: var(--tt-secondary-color); | |
| 931 | +} | |
| 910 | 932 | .toplevel_page_timetics .ant-btn.tt-link-btn span { |
| 911 | - text-decoration: underline; | |
| 933 | + border-bottom: 1px solid; | |
| 912 | 934 | } |
| 913 | 935 | .toplevel_page_timetics .ant-btn.tt-link-btn:hover, .toplevel_page_timetics .ant-btn.tt-link-btn:focus { |
| 914 | 936 | color: var(--tt-secondary-color); |
| 915 | 937 | } |
| @@ -966,10 +988,10 @@ | ||
| 966 | 988 | padding: 5px 0; |
| 967 | 989 | } |
| 968 | 990 | .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before { |
| 969 | 991 | position: absolute; |
| 970 | - right: -13px; | |
| 971 | - top: 0; | |
| 992 | + right: 0px; | |
| 993 | + top: 4px; | |
| 972 | 994 | } |
| 973 | 995 | .toplevel_page_timetics .ant-input-number-handler-wrap { |
| 974 | 996 | display: none; |
| 975 | 997 | } |
| @@ -1150,8 +1172,50 @@ | ||
| 1150 | 1172 | .tt-form-left-sidebar .tt-meeting-location-list .anticon.tt-money-icon svg { |
| 1151 | 1173 | fill: none; |
| 1152 | 1174 | } |
| 1153 | 1175 | |
| 1176 | +.tt-empty-view-wrapper { | |
| 1177 | + max-width: 990px; | |
| 1178 | + margin: 0 auto; | |
| 1179 | + text-align: center; | |
| 1180 | + border-radius: 10px; | |
| 1181 | + padding: 100px 20px; | |
| 1182 | +} | |
| 1183 | +.tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-content { | |
| 1184 | + display: flex; | |
| 1185 | + flex-direction: column; | |
| 1186 | + align-items: center; | |
| 1187 | +} | |
| 1188 | +.tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-icon { | |
| 1189 | + margin-bottom: 20px; | |
| 1190 | +} | |
| 1191 | + | |
| 1192 | +.tt-meeting-list-empty { | |
| 1193 | + border-radius: 10px; | |
| 1194 | + padding: 60px 20px; | |
| 1195 | + max-width: 50vw; | |
| 1196 | + margin: auto; | |
| 1197 | + margin-top: 80px; | |
| 1198 | +} | |
| 1199 | +@media (max-width: 992px) { | |
| 1200 | + .tt-meeting-list-empty { | |
| 1201 | + max-width: 100%; | |
| 1202 | + margin-top: 50px; | |
| 1203 | + padding: 0; | |
| 1204 | + } | |
| 1205 | + .tt-meeting-list-empty .ant-result-title { | |
| 1206 | + font-size: 20px; | |
| 1207 | + } | |
| 1208 | +} | |
| 1209 | + | |
| 1210 | +.tt-card-border-less { | |
| 1211 | + box-shadow: none !important; | |
| 1212 | + background-color: transparent; | |
| 1213 | +} | |
| 1214 | +.tt-card-border-less .ant-card-body { | |
| 1215 | + padding: 0; | |
| 1216 | +} | |
| 1217 | + | |
| 1154 | 1218 | .tt-meeting-menu-warper { |
| 1155 | 1219 | display: flex; |
| 1156 | 1220 | justify-content: space-between; |
| 1157 | 1221 | align-items: center; |
| @@ -1659,8 +1723,11 @@ | ||
| 1659 | 1723 | background-color: #f4f5f6; |
| 1660 | 1724 | padding: 20px 30px; |
| 1661 | 1725 | border-radius: 8px; |
| 1662 | 1726 | } |
| 1727 | +.tt-booking-modal .tt-booking-modal-details .tt-booking-modal-description-text { | |
| 1728 | + color: rgb(69, 69, 69) !important; | |
| 1729 | +} | |
| 1663 | 1730 | .tt-booking-modal .ant-list-item-meta-title { |
| 1664 | 1731 | margin: 0; |
| 1665 | 1732 | text-transform: uppercase; |
| 1666 | 1733 | font-size: 13px; |
| @@ -1675,8 +1742,13 @@ | ||
| 1675 | 1742 | .ant-select-item-option-content { |
| 1676 | 1743 | text-transform: capitalize; |
| 1677 | 1744 | } |
| 1678 | 1745 | |
| 1746 | +.tt-admin-booking-slot .ant-select-selection-item, | |
| 1747 | +.tt-admin-booking-slot .ant-select-item-option-content { | |
| 1748 | + text-transform: initial; | |
| 1749 | +} | |
| 1750 | + | |
| 1679 | 1751 | .tt-booking-cancel { |
| 1680 | 1752 | text-decoration: line-through; |
| 1681 | 1753 | } |
| 1682 | 1754 | |
| @@ -1701,9 +1773,16 @@ | ||
| 1701 | 1773 | } |
| 1702 | 1774 | .tt-submenu-action-select.timetics-input .ant-select-arrow { |
| 1703 | 1775 | right: 9px; |
| 1704 | 1776 | } |
| 1777 | +.tt-submenu-action-select.timetics-input label { | |
| 1778 | + color: #8693a5 !important; | |
| 1779 | +} | |
| 1705 | 1780 | |
| 1781 | +.ant-form-item-label label { | |
| 1782 | + color: #8693a5 !important; | |
| 1783 | +} | |
| 1784 | + | |
| 1706 | 1785 | .tt-booking-list .tt-meeting-status, |
| 1707 | 1786 | .tt-booking-list .tt-customer-email { |
| 1708 | 1787 | font-weight: 600; |
| 1709 | 1788 | } |
| @@ -1781,11 +1860,12 @@ | ||
| 1781 | 1860 | .tt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { |
| 1782 | 1861 | color: var(--tt-primary-color); |
| 1783 | 1862 | } |
| 1784 | 1863 | |
| 1785 | -.tt-schedules-container { | |
| 1786 | - margin-bottom: 20px; | |
| 1864 | +.tt-bg-white { | |
| 1865 | + background-color: white !important; | |
| 1787 | 1866 | } |
| 1867 | + | |
| 1788 | 1868 | .tt-schedules-container .tt-schedules-content { |
| 1789 | 1869 | border: 1px solid var(--tt-secondary-color-12); |
| 1790 | 1870 | padding: 30px; |
| 1791 | 1871 | border-radius: 8px; |
| @@ -1924,8 +2004,15 @@ | ||
| 1924 | 2004 | line-height: 1; |
| 1925 | 2005 | margin-top: 3px; |
| 1926 | 2006 | } |
| 1927 | 2007 | |
| 2008 | +.tt-apply-custom-schedule .ant-checkbox-group { | |
| 2009 | + display: inline-flex; | |
| 2010 | + flex-direction: column; | |
| 2011 | + margin-left: 20px; | |
| 2012 | + gap: 8px; | |
| 2013 | +} | |
| 2014 | + | |
| 1928 | 2015 | .tt-overview-content-area .tt-overview-heading h2 { |
| 1929 | 2016 | margin: 0; |
| 1930 | 2017 | font-size: 26px; |
| 1931 | 2018 | font-weight: 600; |
| @@ -2000,8 +2087,9 @@ | ||
| 2000 | 2087 | border-radius: 8px; |
| 2001 | 2088 | box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843); |
| 2002 | 2089 | background-color: #ffffff; |
| 2003 | 2090 | padding: 30px; |
| 2091 | + height: 100%; | |
| 2004 | 2092 | } |
| 2005 | 2093 | |
| 2006 | 2094 | .tt-overview-upcomming-bookings .tt-upcomming-booking-name { |
| 2007 | 2095 | min-width: 60%; |
| @@ -2151,18 +2239,13 @@ | ||
| 2151 | 2239 | border-radius: 5px; |
| 2152 | 2240 | -webkit-border-radius: 5px; |
| 2153 | 2241 | -ms-border-radius: 5px; |
| 2154 | 2242 | } |
| 2155 | -.tt-settings-wrapper .ant-card-meta-avatar { | |
| 2156 | - padding-right: 16px; | |
| 2157 | - flex: 0 0 54px; | |
| 2243 | +.tt-settings-wrapper .ant-card-meta { | |
| 2244 | + align-items: center; | |
| 2158 | 2245 | } |
| 2159 | -.tt-settings-wrapper .ant-card-meta-avatar svg { | |
| 2160 | - width: 54px; | |
| 2161 | - height: 54px; | |
| 2162 | - background: #edf4ff; | |
| 2163 | - padding: 15px; | |
| 2164 | - border-radius: 50%; | |
| 2246 | +.tt-settings-wrapper .ant-card-meta svg { | |
| 2247 | + padding: 0 15px; | |
| 2165 | 2248 | } |
| 2166 | 2249 | .tt-settings-wrapper .tt-general-sitting { |
| 2167 | 2250 | border: 1px solid var(--tt-secondary-color-12); |
| 2168 | 2251 | border-radius: 8px; |
| @@ -2316,8 +2399,16 @@ | ||
| 2316 | 2399 | .flatpickr-input { |
| 2317 | 2400 | display: none; |
| 2318 | 2401 | } |
| 2319 | 2402 | |
| 2403 | +.tt-meeting-overlap-checkbox { | |
| 2404 | + display: inline-flex; | |
| 2405 | + align-items: center; | |
| 2406 | + font-size: 14px; | |
| 2407 | + gap: 5px; | |
| 2408 | + margin-top: 5px; | |
| 2409 | +} | |
| 2410 | + | |
| 2320 | 2411 | .timetics-onboard .tt-onboard-header { |
| 2321 | 2412 | display: flex; |
| 2322 | 2413 | justify-content: space-between; |
| 2323 | 2414 | align-items: center; |
| @@ -2834,9 +2925,9 @@ | ||
| 2834 | 2925 | max-width: 200px !important; |
| 2835 | 2926 | } |
| 2836 | 2927 | |
| 2837 | 2928 | .ant-popover-inner { |
| 2838 | - border-radius: 6px; | |
| 2929 | + border-radius: 6px !important; | |
| 2839 | 2930 | border: 1px solid #e2ecf4; |
| 2840 | 2931 | background: #fff; |
| 2841 | 2932 | padding: 8px; |
| 2842 | 2933 | } |
| @@ -2880,5 +2971,23 @@ | ||
| 2880 | 2971 | .tt-popover-section-divider { |
| 2881 | 2972 | width: 98%; |
| 2882 | 2973 | border-color: #e2ecf4; |
| 2883 | 2974 | margin: 15px 0px; |
| 2975 | +} | |
| 2976 | + | |
| 2977 | +.tt-calendar-modal .tt-cal-modal-popover { | |
| 2978 | + display: flex; | |
| 2979 | + justify-content: space-between; | |
| 2980 | + width: 100%; | |
| 2981 | + cursor: pointer; | |
| 2982 | +} | |
| 2983 | +.tt-calendar-modal .tt-cal-modal-popover.ant-popover-open { | |
| 2984 | + color: var(--tt-primary-color); | |
| 2985 | + opacity: 0.8; | |
| 2986 | +} | |
| 2987 | +.tt-calendar-modal .tt-modal-meetings .ant-popover-arrow { | |
| 2988 | + display: none; | |
| 2989 | +} | |
| 2990 | +.tt-calendar-modal .tt-modal-meetings .ant-popover-inner { | |
| 2991 | + margin: 12px; | |
| 2992 | + min-width: 320px; | |
| 2884 | 2993 | } |
