diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css index 1ca9b8a..236edb1 100644 --- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css +++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css @@ -102,7 +102,9 @@ body { .main-mobile__content { display: flex; + align-items: center; justify-content: center; + flex-direction: column; } .bg-mobile { @@ -113,7 +115,15 @@ body { height: 105px; } -.card-mobile__content { +.main-mobile__first-line { + display: flex; +} + +.main-mobile__two-line { + display: flex; +} + +.card-mobile__content { /* text display */ display: flex; flex-direction: column; justify-content: space-around; diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue index cfc84d9..543e343 100644 --- a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue +++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue @@ -20,16 +20,21 @@
-
-
+
+

{{ mode.title }}

-
-

1

+
+
+

{{ mode.title }}

+
+ Play > +
+