| @@ -10,15 +10,9 @@ | ||
| 10 | 10 | exit; // Exit if accessed directly. |
| 11 | 11 | } |
| 12 | 12 | ?> |
| 13 | 13 | |
| 14 | - <div class="card-header bg-dark text-white py-sm-4 border-0"> | |
| 15 | - <div class="row"> | |
| 16 | - <div class="col-auto me-auto"> | |
| 17 | - <h4><?php esc_html_e( 'Claude AI Settings', 'chatbot' ); ?></h4> | |
| 18 | - </div> | |
| 19 | - </div> | |
| 20 | - </div> | |
| 14 | + | |
| 21 | 15 | <div class="card-body p-sm-0"> |
| 22 | 16 | |
| 23 | 17 | <ul class="nav nav-tabs"> |
| 24 | 18 | <li class="active"><a data-toggle="tab" href="#wp-chatbot-claude-settings"><?php echo esc_html__( 'Claude AI settings', 'chatbot' ); ?></a></li> |
| @@ -25,8 +19,9 @@ | ||
| 25 | 19 | <li><a data-toggle="tab" href="#wp-chatbot-claude-help"><?php echo esc_html__( 'Claude AI Help', 'chatbot' ); ?></a></li> |
| 26 | 20 | </ul> |
| 27 | 21 | |
| 28 | 22 | <div class="tab-content"> |
| 23 | + | |
| 29 | 24 | <div id="wp-chatbot-claude-settings" class="tab-pane in active"> |
| 30 | 25 | <div class="row gx-0"> |
| 31 | 26 | <div class="mb-3"> |
| 32 | 27 | <div class="form-check form-switch my-4"> |
