headers fixed

mertcannerse · Aug 9, 2023 · b11f045 · b11f045
1 parent 024a7b1
commit b11f045
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 18 deletions.
diff --git a/css/row4.css b/css/row4.css
@@ -42,19 +42,18 @@ p {
 
 .table-wrapper {
   display: flex;
-
+  margin: 10px;
   height: 30px;
   border-bottom: 1px dashed #5a5e9a;
   align-items: center;
   justify-content: space-between;
-  padding: 30px;
+  padding: 30px 0;
   padding-bottom: 50px;
 }
 
 button {
   width: 100px;
   height: 30px;
-
   background: transparent url("img/background.png") 0% 0% no-repeat padding-box;
   border: 1px solid #5a5e9a74;
   border-radius: 4px;

diff --git a/css/style.css b/css/style.css
@@ -3,9 +3,6 @@
   padding: 0;
   box-sizing: border-box;
 }
-body {
-  overflow-x: hidden;
-}
 
 .row1 {
   display: grid;

diff --git a/index.html b/index.html
@@ -256,7 +256,7 @@ <h3>SEPET VE ÜYE İSTATİSTİKLERİ</h3>
                 <div class="general-istatic">
                     <div class="general-istatic general-istatic-right">
                         <div class="general-istatic-header">
-                            <h3>Genel İstatistik</h3>
+                            <h3>GENEL İSTATİSTİKLER</h3>
                             <div style="color:#5A5E9A"><span class="date">27.12.22</span> (Bugün Tarihli)</div>
                         </div>
                         <div>
@@ -307,7 +307,7 @@ <h3>Genel İstatistik</h3>
             <div class="graphic-wrapper">
                 <div class="row-graphic" style="height: 555px;">
                     <div style="height: 105px;">
-                        <H3>Ödeme Tipine Göre Siparişler</H3>
+                        <H3>ÖDEME TİPİNE GÖRE İSTATİSTİKLER</H3>
                         <div style="margin-top: 50px;"><span class="date">26.12.2022</span> - <span
                                 class="date">01.01.2023</span></div>
                     </div>
@@ -331,7 +331,7 @@ <H3>Ödeme Tipine Göre Siparişler</H3>
             <div class="row3-leftside">
                 <div class="row3-leftside-header">
                     <div class="row3-leftside-header-leftside">
-                        <h3 style="margin-bottom: 27px;">TOPLAM SİPARİŞ</h3>
+                        <h3 style="margin-bottom: 27px;">EN ÇOK SATAN 10 ÜRÜN</h3>
                         <div><span class="date">26.12.2022</span> - <span class="date">01.01.2023</span></div>
                     </div>
                     <div class="row3-leftside-header-rightside">
@@ -363,7 +363,7 @@ <h3 style="margin-bottom: 27px;">TOPLAM SİPARİŞ</h3>
                         <table>
                             <tbody>
                                 <tr style="font-size: 14px; opacity: 0.4;">
-                                    <th style="text-align: start;">Görsel</th>
+                                    <th style="width: 500px;text-align: start;"><span>Görsel</span></th>
                                     <th style="width: 500px;"><span style="margin-left: 80px;">Ürün Adı</span></th>
                                     <th style="width: 500px;"><span style="margin-left: 140px;">Sipariş Adedi</span>
                                     </th>
@@ -497,7 +497,7 @@ <h3 style="margin-bottom: 27px;">TOPLAM SİPARİŞ</h3>
             </div>
             <div class="row3-rightside">
                 <div class="row3-rightside-header">
-                    <h3 style="margin-bottom: 50px;">Son 10 Sipariş</h3>
+                    <h3 style="margin-bottom: 50px;">SON 10 SİPARİŞ</h3>
                     <div><span>27.12.2023</span> (Bugün Tarihli)</div>
                 </div>
                 <div>
@@ -590,20 +590,19 @@ <h3 style="margin-bottom: 50px;">Son 10 Sipariş</h3>
         </div>
         <div class="row4">
             <div class="row4-leftside">
-                <div class="row4-leftside-header" style="border-bottom: 1px dashed #5a5e9a; padding: 30px;">
-                    <h3>Genel Bilgilendirme</h3>
+                <div class="row4-leftside-header"
+                    style="border-bottom: 1px dashed #5a5e9a; padding: 30px; margin-bottom: 10px;">
+                    <h3>GENEL BİLGİLENDİRME</h3>
                 </div>
                 <div class="row4-leftside-container">
-                    <div style="border-right: 1px dashed #5a5e9a; ;
-                     height: 400px;">
+                    <div style="border-right: 1px dashed #5a5e9a; height: 445px;">
                         <div class="table-wrapper">
-                            <div style="display: grid; grid-template-columns: 1fr 1fr; padding-right: 10px ;">
-
+                            <div style="display: grid; grid-template-columns: 1fr 1fr; padding-right: 10px;">
                                 <img style="width: 10px;" src="img/icon1.png">
                                 <img src="img/icon1.1.png">
                             </div>
                             <div>
-                                <h4>Tamamlanmayan sipariş</h4>
+                                <h4>Tamamlanmayan Sipariş</h4>
                                 <p>Müşterilerinizin sepetlerinde unuttukları ürünleri yönetin, hızlı bildirim ve
                                     müşteriye özel kampanyalar oluşturun.</p>
                             </div>