| @@ -902,17 +902,30 @@ | ||
| 902 | 902 | .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .upk-white-label-options .upk-option-item-inner { |
| 903 | 903 | background: #fefefe; |
| 904 | 904 | padding: 30px; |
| 905 | 905 | } |
| 906 | -.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin { | |
| 907 | - display: flex; | |
| 908 | - flex-direction: column; | |
| 906 | +.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list { | |
| 907 | + display: grid; | |
| 908 | + grid-template-columns: 1fr; | |
| 909 | 909 | gap: 20px; |
| 910 | 910 | } |
| 911 | 911 | .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card { |
| 912 | + display: flex; | |
| 912 | 913 | flex-direction: column; |
| 913 | - gap: 20px; | |
| 914 | + align-items: flex-start; | |
| 915 | + gap: 8px; | |
| 916 | + height: 100%; | |
| 917 | + padding: 25px 20px; | |
| 918 | + background: var(--upk-white, #ffffff); | |
| 919 | + border: 1px solid var(--upk-gray-medium, #e8f0f3); | |
| 920 | + border-radius: var(--upk-border-radius, 10px); | |
| 921 | + transition: var(--upk-transition, all 0.3s ease); | |
| 914 | 922 | } |
| 923 | +.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card:hover { | |
| 924 | + border-color: var(--upk-primary, #6c5ce7); | |
| 925 | + box-shadow: var(--upk-shadow, 0 10px 20px rgba(108, 92, 231, 0.1)); | |
| 926 | + transform: translateY(-3px); | |
| 927 | +} | |
| 915 | 928 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card { |
| 916 | 929 | border-radius: 6px; |
| 917 | 930 | transition-property: box-shadow, color; |
| 918 | 931 | transition-duration: 0.3s; |
| @@ -940,36 +953,45 @@ | ||
| 940 | 953 | text-transform: uppercase; |
| 941 | 954 | } |
| 942 | 955 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content { |
| 943 | 956 | width: 100%; |
| 944 | - gap: 20px; | |
| 957 | + gap: 8px; | |
| 945 | 958 | flex-direction: column; |
| 946 | 959 | align-items: flex-start; |
| 947 | 960 | } |
| 948 | 961 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title { |
| 949 | - font-weight: 500; | |
| 962 | + font-weight: 600; | |
| 963 | + font-size: 16px; | |
| 964 | + line-height: 1.4; | |
| 965 | + color: var(--upk-text-dark, #2d3436); | |
| 950 | 966 | } |
| 951 | 967 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-plugin-logo-wrap { |
| 952 | - gap: 15px; | |
| 968 | + flex-direction: column; | |
| 969 | + align-items: flex-start; | |
| 970 | + gap: 12px; | |
| 971 | + width: 100%; | |
| 953 | 972 | } |
| 954 | 973 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content img { |
| 955 | - width: clamp(50px, 8vw, 70px); | |
| 956 | - height: auto; | |
| 974 | + width: 48px; | |
| 975 | + height: 48px; | |
| 976 | + flex: none; | |
| 977 | + object-fit: contain; | |
| 957 | 978 | vertical-align: middle; |
| 979 | + border-radius: 4px; | |
| 958 | 980 | } |
| 959 | 981 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title { |
| 960 | 982 | margin-bottom: 0; |
| 961 | 983 | } |
| 962 | 984 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content p { |
| 963 | - margin: 0 0 10px 0; | |
| 964 | - font-size: 15px; | |
| 985 | + margin: 0 0 4px 0; | |
| 986 | + font-size: 14px; | |
| 965 | 987 | line-height: 1.5; |
| 966 | - color: #656a71; | |
| 967 | - max-width: 600px; | |
| 968 | - font-weight: 300; | |
| 988 | + color: var(--upk-text-light, #636e72); | |
| 989 | + max-width: none; | |
| 990 | + font-weight: 400; | |
| 969 | 991 | } |
| 970 | 992 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs { |
| 971 | - font-size: 14px; | |
| 993 | + font-size: 13px; | |
| 972 | 994 | font-weight: 500; |
| 973 | 995 | color: #9C27B0; |
| 974 | 996 | } |
| 975 | 997 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count { |
| @@ -974,9 +996,16 @@ | ||
| 974 | 996 | } |
| 975 | 997 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count { |
| 976 | 998 | color: #9C27B0; |
| 977 | 999 | } |
| 1000 | +.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-downloads { | |
| 1001 | + font-size: 13px; | |
| 1002 | + color: var(--upk-success, #00b894); | |
| 1003 | + font-weight: 500; | |
| 1004 | +} | |
| 978 | 1005 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-updated { |
| 1006 | + font-size: 13px; | |
| 1007 | + font-style: italic; | |
| 979 | 1008 | color: #656a71; |
| 980 | 1009 | } |
| 981 | 1010 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link { |
| 982 | 1011 | display: flex; |
| @@ -983,10 +1012,10 @@ | ||
| 983 | 1012 | flex-wrap: wrap; |
| 984 | 1013 | justify-content: left; |
| 985 | 1014 | gap: 8px; |
| 986 | 1015 | width: 100%; |
| 987 | - flex: 1; | |
| 988 | - min-width: 300px; | |
| 1016 | + margin-top: auto; | |
| 1017 | + padding-top: 5px; | |
| 989 | 1018 | } |
| 990 | 1019 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link .bdt-dashboard-sec-btn { |
| 991 | 1020 | padding: 9px 20px !important; |
| 992 | 1021 | } |
| @@ -1026,8 +1055,25 @@ | ||
| 1026 | 1055 | } |
| 1027 | 1056 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button:hover { |
| 1028 | 1057 | background: linear-gradient(to right, #58D34D, #00A85C); |
| 1029 | 1058 | } |
| 1059 | +.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success { | |
| 1060 | + display: inline-flex; | |
| 1061 | + align-items: center; | |
| 1062 | + justify-content: center; | |
| 1063 | + gap: 4px; | |
| 1064 | + background: rgba(0, 168, 92, 0.12); | |
| 1065 | + color: #00A85C; | |
| 1066 | + border: 1px solid rgba(0, 168, 92, 0.25); | |
| 1067 | + cursor: default; | |
| 1068 | +} | |
| 1069 | +.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success .dashicons { | |
| 1070 | + color: inherit; | |
| 1071 | + font-size: 16px; | |
| 1072 | + width: 16px; | |
| 1073 | + height: 16px; | |
| 1074 | + line-height: 1; | |
| 1075 | +} | |
| 1030 | 1076 | .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn { |
| 1031 | 1077 | color: #58D34D; |
| 1032 | 1078 | border: 2px solid #58D34D; |
| 1033 | 1079 | } |
| @@ -2580,8 +2626,11 @@ | ||
| 2580 | 2626 | } |
| 2581 | 2627 | .ultimate-post-kit-dashboard.wrap .upk-content-type-filter { |
| 2582 | 2628 | display: block; |
| 2583 | 2629 | } |
| 2630 | + .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list { | |
| 2631 | + grid-template-columns: repeat(2, 1fr); | |
| 2632 | + } | |
| 2584 | 2633 | } |
| 2585 | 2634 | @media (min-width: 1200px) { |
| 2586 | 2635 | .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper { |
| 2587 | 2636 | display: block; |
| @@ -2592,14 +2641,11 @@ | ||
| 2592 | 2641 | } |
| 2593 | 2642 | .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) { |
| 2594 | 2643 | grid-column: span 5/auto; |
| 2595 | 2644 | } |
| 2596 | - .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card { | |
| 2597 | - flex-direction: row; | |
| 2645 | + .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list { | |
| 2646 | + grid-template-columns: repeat(3, 1fr); | |
| 2598 | 2647 | } |
| 2599 | - .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card .bdt-others-plugins-link { | |
| 2600 | - justify-content: right; | |
| 2601 | - } | |
| 2602 | 2648 | } |
| 2603 | 2649 | @media (min-width: 1440px) { |
| 2604 | 2650 | .ultimate-post-kit-dashboard.wrap .upk-dashboard-container { |
| 2605 | 2651 | gap: 30px; |
| @@ -2660,5 +2706,5 @@ | ||
| 2660 | 2706 | @media (max-width: 768px) { |
| 2661 | 2707 | .ultimate-post-kit-dashboard.wrap .upk-white-label-input { |
| 2662 | 2708 | max-width: 100%; |
| 2663 | 2709 | } |
| 2664 | -} | |
| 2710 | +} | |
