| @@ -1,19 +1,35 @@ | ||
| 1 | 1 | <div class="flywp-settings" id="flywp-settings"> |
| 2 | 2 | <div class="fw-mb-8 fw-bg-white fw-border-b fw-border-solid fw-border-gray-200"> |
| 3 | - <div class="fw-max-w-xl fw-mx-auto"> | |
| 4 | - <div class="fw-flex fw-py-4 fw-items-center fw-justify-between"> | |
| 5 | - <h1 class="fw-text-2xl fw-font-semibold fw-flex-1">FlyWP</h1> | |
| 3 | + <div class="fw-max-w-xl fw-mx-auto fw-px-4 sm:fw-px-0"> | |
| 4 | + <div class="fw-flex fw-py-2 fw-items-center fw-justify-between"> | |
| 5 | + <h1 class="fw-text-2xl fw-font-semibold fw-flex-1"> | |
| 6 | + <img src="<?php echo esc_url( FLYWP_PLUGIN_URL . 'assets/images/flywp-logo.svg' ); ?>" alt="FlyWP" class="fw-h-11 fw-mr-2 fw-inline-block"> | |
| 7 | + </h1> | |
| 6 | 8 | |
| 7 | 9 | <div class=""> |
| 8 | - <a href="https://app.flywp.com" target="_blank" class="button button-secondary"><span class="dashicons dashicons-external fw-mt-1"></span> FlyWP Dashboard</a> | |
| 10 | + <a href="<?php echo esc_url( $app_site_url ); ?>" target="_blank" class="button button-secondary"><span class="dashicons dashicons-external fw-mt-1"></span> <?php esc_html_e( 'FlyWP Dashboard', 'flywp' ); ?></a> | |
| 9 | 11 | </div> |
| 10 | 12 | </div> |
| 13 | + | |
| 14 | + <div class="fw-flex -fw-mb-px fw-gap-2"> | |
| 15 | + <?php foreach ( $tabs as $key => $label ) { ?> | |
| 16 | + <a href="<?php echo esc_url( add_query_arg( [ | |
| 17 | + 'tab' => $key, | |
| 18 | + ], $this->page_url() ) ); ?>" class="fw-block fw-px-4 fw-py-3 fw-text-sm -m fw-text-gray-800 fw-no-underline fw-outline-none focus:fw-outline-none <?php echo $key == $active_tab ? 'fw-border-b-2 fw-border-indigo-500 fw-font-semibold' : ''; ?>"><?php echo $label; ?></a> | |
| 19 | + <?php } ?> | |
| 20 | + </div> | |
| 11 | 21 | </div> |
| 12 | 22 | </div> |
| 13 | 23 | |
| 14 | - <div class="fw-max-w-xl fw-mx-auto"> | |
| 15 | - <?php require __DIR__ . '/page-cache.php'; ?> | |
| 16 | - <?php require __DIR__ . '/op-cache.php'; ?> | |
| 24 | + <div class="fw-max-w-xl fw-mx-auto fw-px-4 sm:fw-px-0"> | |
| 25 | + <?php | |
| 26 | + if ( $active_tab === 'cache' ) { | |
| 27 | + require __DIR__ . '/page-cache.php'; | |
| 28 | + require __DIR__ . '/op-cache.php'; | |
| 29 | + } elseif ( $active_tab === 'email' ) { | |
| 30 | + require __DIR__ . '/email.php'; | |
| 31 | + } | |
| 32 | + ?> | |
| 17 | 33 | </div> |
| 18 | 34 | |
| 19 | 35 | </div> |
