From c8f2648009cf801ff96abf9dfc68d3f3c39f2f5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Tempez?= <frederic.tempez@outlook.com>
Date: Tue, 1 Mar 2022 19:39:24 +0100
Subject: [PATCH] config systeme de tabulation

---
 core/module/config/view/index/index.css | 26 +++++++++--
 core/module/config/view/index/index.php | 61 +++++++++++++------------
 2 files changed, 54 insertions(+), 33 deletions(-)

diff --git a/core/module/config/view/index/index.css b/core/module/config/view/index/index.css
index fbc70bd8..467bf1a4 100755
--- a/core/module/config/view/index/index.css
+++ b/core/module/config/view/index/index.css
@@ -22,10 +22,30 @@
 }
 
 .activeButton {
-    filter : brightness(150%);    
+
+    filter : brightness(180%);
+}
+.buttonTab:hover {
+    filter : brightness(140%);
 }
 
 .buttonNotice {
-    border: 2px solid red !important; 
+    border: 2px solid red !important;
     border-radius: 2px;
-}
\ No newline at end of file
+}
+
+/* Style the tab */
+.tab {
+    overflow: hidden;
+    display: inline-block;
+  }
+
+
+.buttonTab {
+float: left;
+transition: 0.3s;
+border-radius: 10px 10px 0px 0px;
+width: 160px;
+/*background-color: #ccc;*/
+margin: 0 1px;
+}
diff --git a/core/module/config/view/index/index.php b/core/module/config/view/index/index.php
index b7cb0008..09c9f0f8 100644
--- a/core/module/config/view/index/index.php
+++ b/core/module/config/view/index/index.php
@@ -20,37 +20,38 @@
 		<?php echo template::submit('Submit'); ?>
 	</div>
 </div>
-<div class="row">
-    <div class="col12">
-        <div class="row textAlignCenter">
-            <div class="col2">
-                <?php echo template::button('configSetupButton', [
-                    'value' => 'Configuration'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configLocaleButton', [
-                    'value' => 'Localisation'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configSocialButton', [
-                    'value' => 'Référencement'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configConnectButton', [
-                    'value' => 'Connexion'
-                ]); ?>
-            </div>
-            <div class="col2">
-                <?php echo template::button('configNetworkButton', [
-                    'value' => 'Réseau'
-                ]); ?>
-            </div>
-        </div>
-    </div>
+
+<div class="tab">
+    <?php echo template::button('configSetupButton', [
+        'value' => 'Configuration',
+        'class' => 'buttonTab'
+    ]); ?>
 </div>
+<div class="tab">
+    <?php echo template::button('configLocaleButton', [
+        'value' => 'Localisation',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configSocialButton', [
+        'value' => 'Référencement',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configConnectButton', [
+        'value' => 'Connexion',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+<div class="tab">
+    <?php echo template::button('configNetworkButton', [
+        'value' => 'Réseau',
+        'class' => 'buttonTab'
+    ]); ?>
+</div>
+
 
 
 <?php include ('core/module/config/view/setup/setup.php') ?>