Fixed the design when there is no history of period

IraSoro · Jul 7, 2024 · 622f20d · 622f20d
1 parent 69f2208
commit 622f20d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/pages/TabDetails.css b/src/pages/TabDetails.css
@@ -38,6 +38,11 @@ p.p_style {
   margin-top: 5px;
 }
 
+p.no-periods {
+  font-size: 13px;
+  text-align: center;
+}
+
 #vertical-line-basic {
   width: 2px;
   height: 70px;

diff --git a/src/pages/TabDetails.tsx b/src/pages/TabDetails.tsx
@@ -254,11 +254,9 @@ const TabDetails = () => {
                   {cycles.length > 1 && <ListProgress />}
                 </IonList>
               ) : (
-                <div id="progress-block">
-                  <p style={{ fontSize: "13px" }}>
-                    {t("You haven't marked any periods yet")}
-                  </p>
-                </div>
+                <p className="no-periods">
+                  {t("You haven't marked any periods yet")}
+                </p>
               )}
             </div>
           </div>