Fix: Ensure consistent padding and wrapper structure across all tabs

This commit is contained in:
Marcus Quinn
2025-03-24 17:36:48 +00:00
parent ddd2846171
commit ddd64643c4
4 changed files with 9 additions and 3 deletions

View File

@ -23,7 +23,8 @@ class WP_Allstars_Hosting_Manager {
*/ */
public static function display_tab_content() { public static function display_tab_content() {
?> ?>
<div class="wpa-pro-plugins"> <div class="wp-allstars-settings-content tab-content" id="hosting">
<div class="wpa-pro-plugins">
<?php <?php
$hosting_providers = self::get_hosting_providers(); $hosting_providers = self::get_hosting_providers();
// Sort providers alphabetically by name // Sort providers alphabetically by name
@ -48,6 +49,7 @@ class WP_Allstars_Hosting_Manager {
<?php <?php
} }
?> ?>
</div>
</div> </div>
<?php <?php
} }

View File

@ -42,13 +42,13 @@ class WP_Allstars_Pro_Plugins_Manager {
}); });
// Output the HTML for the pro plugins tab // Output the HTML for the pro plugins tab
echo '<div class="wpa-pro-plugins">'; echo '<div class="wp-allstars-settings-content tab-content" id="pro"><div class="wpa-pro-plugins">';
foreach ($pro_plugins as $plugin) { foreach ($pro_plugins as $plugin) {
self::display_plugin_card($plugin); self::display_plugin_card($plugin);
} }
echo '</div>'; echo '</div></div>';
} }
/** /**

View File

@ -25,6 +25,7 @@ class WP_Allstars_Recommended_Plugins_Manager {
// Get the active category from query params or default to 'minimal' // Get the active category from query params or default to 'minimal'
$active_category = isset($_GET['category']) ? sanitize_text_field($_GET['category']) : 'minimal'; $active_category = isset($_GET['category']) ? sanitize_text_field($_GET['category']) : 'minimal';
?> ?>
<div class="wp-allstars-settings-content tab-content" id="recommended">
<div id="wpa-plugin-filters" class="wp-filter"> <div id="wpa-plugin-filters" class="wp-filter">
<ul class="filter-links"> <ul class="filter-links">
<li><a href="#" data-category="minimal" class="<?php echo $active_category == 'minimal' ? 'current' : ''; ?>"> <li><a href="#" data-category="minimal" class="<?php echo $active_category == 'minimal' ? 'current' : ''; ?>">
@ -81,6 +82,7 @@ class WP_Allstars_Recommended_Plugins_Manager {
<div class="wp-allstars-plugin-browser"> <div class="wp-allstars-plugin-browser">
<div id="wpa-plugin-list"></div> <div id="wpa-plugin-list"></div>
</div> </div>
</div>
<?php <?php
} }

View File

@ -42,6 +42,7 @@ class WP_Allstars_Tools_Manager {
// Output the CSS and HTML for the tools tab // Output the CSS and HTML for the tools tab
?> ?>
<div class="wp-allstars-settings-content tab-content" id="tools">
<style> <style>
.wpa-pro-plugins { .wpa-pro-plugins {
padding: 20px; padding: 20px;
@ -149,6 +150,7 @@ class WP_Allstars_Tools_Manager {
} }
?> ?>
</div> </div>
</div>
<?php <?php
} }