update DemoReactMarvelApp,

2025-06-06 23:18:53 +08:00
parent be571ba4db
commit 04eaf91d60
10 changed files with 1045 additions and 125 deletions
--- a/03_source/mobile/src/pages/DemoReactMarvelApp/components/CharacterItem.module.scss
+++ b/03_source/mobile/src/pages/DemoReactMarvelApp/components/CharacterItem.module.scss
@@ -0,0 +1,43 @@
+.characterContainer {
+
+    position: relative;
+    text-align: center;
+    color: white;
+}
+
+ion-item {
+    --padding-start: 0;
+    --inner-padding-end: 0;
+}
+
+ion-label {
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+.characterNameContainer {
+
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+    position: absolute;
+    z-index: 99999;
+    background-color: rgba(0, 0, 0, 0.7);
+    bottom: 0;
+    width: 100%;
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+
+.characterNameContainer ion-icon {
+
+    margin-top: 0.1rem;
+}
+
+.characterNameContainer ion-label {
+
+    font-size: 1rem;
+    font-weight: 500;
+}