diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css index 8df018f..5e4ad60 100644 --- a/admin/css/wp-allstars-admin.css +++ b/admin/css/wp-allstars-admin.css @@ -692,4 +692,115 @@ input:checked + .wp-toggle-slider:before { padding-right: 40px; /* Space for chevron */ position: relative; z-index: 1; -} \ No newline at end of file +} + +/* Panel styles for Pro Plugins, Hosting, and Tools tabs */ +.wpa-pro-plugins { + padding: 20px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); + gap: 24px; + max-width: 1920px; + margin: 0 auto; +} + +.wpa-pro-plugin { + background: #fff; + border: 1px solid #ddd; + padding: 24px; + border-radius: 8px; + display: flex; + flex-direction: column; + transition: all 0.2s ease; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.wpa-pro-plugin:hover { + border-color: #2271b1; + box-shadow: 0 2px 6px rgba(0,0,0,0.15); +} + +.wpa-pro-plugin h3 { + margin: 0 0 12px; + font-size: 16px; + font-weight: 600; + color: #1d2327; + line-height: 1.4; +} + +.wpa-pro-plugin p { + margin: 0 0 16px; + color: #50575e; + font-size: 14px; + line-height: 1.6; +} + +.wpa-pro-plugin .button-group { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-top: auto; +} + +.wpa-pro-plugin .button { + text-decoration: none; + min-width: 120px; + text-align: center; + height: 30px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; + font-weight: normal; + margin: 0; + border: 1px solid #0071a1 !important; + border-radius: 3px !important; + background: #f6f7f7; + color: #0071a1; + display: inline-block; + vertical-align: top; + box-shadow: none; + cursor: pointer; +} + +.wpa-pro-plugin .button:hover { + background: #f0f0f1; + border-color: #0071a1; + color: #0071a1; +} + +.wpa-pro-plugin .button.button-primary { + background: #2271b1; + border-color: #2271b1 !important; + color: #fff; +} + +.wpa-pro-plugin .button.button-primary:hover { + background: #135e96; + border-color: #135e96 !important; + color: #fff; +} + +@media screen and (max-width: 960px) { + .wpa-pro-plugins { + grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); + gap: 20px; + padding: 16px; + } + .wpa-pro-plugin { + padding: 20px; + } +} + +@media screen and (max-width: 782px) { + .wpa-pro-plugins { + grid-template-columns: 1fr; + gap: 16px; + padding: 12px; + } + .wpa-pro-plugin { + padding: 16px; + } + .wpa-pro-plugin .button { + width: 100%; + } +} \ No newline at end of file diff --git a/admin/settings.php b/admin/settings.php index 83e059b..285ec22 100644 --- a/admin/settings.php +++ b/admin/settings.php @@ -1675,84 +1675,7 @@ function wp_allstars_settings_page() {
-