Browse Source

Added text wraping to cards

Ángel G. Romero Rosario 2 years ago
parent
commit
d9374ff107

+ 3
- 3
build/asset-manifest.json View File

1
 {
1
 {
2
   "files": {
2
   "files": {
3
     "main.css": "/static/css/main.3f863b78.css",
3
     "main.css": "/static/css/main.3f863b78.css",
4
-    "main.js": "/static/js/main.5c3034d0.js",
4
+    "main.js": "/static/js/main.05353c61.js",
5
     "static/js/738.23d458d2.chunk.js": "/static/js/738.23d458d2.chunk.js",
5
     "static/js/738.23d458d2.chunk.js": "/static/js/738.23d458d2.chunk.js",
6
     "static/js/372.1940d375.chunk.js": "/static/js/372.1940d375.chunk.js",
6
     "static/js/372.1940d375.chunk.js": "/static/js/372.1940d375.chunk.js",
7
     "static/js/856.c55f21fe.chunk.js": "/static/js/856.c55f21fe.chunk.js",
7
     "static/js/856.c55f21fe.chunk.js": "/static/js/856.c55f21fe.chunk.js",
15
     "service-worker.js": "/service-worker.js",
15
     "service-worker.js": "/service-worker.js",
16
     "index.html": "/index.html",
16
     "index.html": "/index.html",
17
     "main.3f863b78.css.map": "/static/css/main.3f863b78.css.map",
17
     "main.3f863b78.css.map": "/static/css/main.3f863b78.css.map",
18
-    "main.5c3034d0.js.map": "/static/js/main.5c3034d0.js.map",
18
+    "main.05353c61.js.map": "/static/js/main.05353c61.js.map",
19
     "738.23d458d2.chunk.js.map": "/static/js/738.23d458d2.chunk.js.map",
19
     "738.23d458d2.chunk.js.map": "/static/js/738.23d458d2.chunk.js.map",
20
     "372.1940d375.chunk.js.map": "/static/js/372.1940d375.chunk.js.map",
20
     "372.1940d375.chunk.js.map": "/static/js/372.1940d375.chunk.js.map",
21
     "856.c55f21fe.chunk.js.map": "/static/js/856.c55f21fe.chunk.js.map",
21
     "856.c55f21fe.chunk.js.map": "/static/js/856.c55f21fe.chunk.js.map",
28
   },
28
   },
29
   "entrypoints": [
29
   "entrypoints": [
30
     "static/css/main.3f863b78.css",
30
     "static/css/main.3f863b78.css",
31
-    "static/js/main.5c3034d0.js"
31
+    "static/js/main.05353c61.js"
32
   ]
32
   ]
33
 }
33
 }

+ 1
- 1
build/index.html View File

1
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Ionic App</title><base href="/"/><meta name="color-scheme" content="light dark"/><meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><meta name="format-detection" content="telephone=no"/><meta name="msapplication-tap-highlight" content="no"/><link rel="manifest" href="/manifest.json"/><link rel="shortcut icon" type="image/png" href="/assets/icon/favicon.png"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Ionic App"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><script defer="defer" src="/static/js/main.5c3034d0.js"></script><link href="/static/css/main.3f863b78.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
1
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Ionic App</title><base href="/"/><meta name="color-scheme" content="light dark"/><meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><meta name="format-detection" content="telephone=no"/><meta name="msapplication-tap-highlight" content="no"/><link rel="manifest" href="/manifest.json"/><link rel="shortcut icon" type="image/png" href="/assets/icon/favicon.png"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Ionic App"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><script defer="defer" src="/static/js/main.05353c61.js"></script><link href="/static/css/main.3f863b78.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

+ 1
- 1
build/service-worker.js
File diff suppressed because it is too large
View File


+ 0
- 2
build/static/js/186.09c3ea27.chunk.js
File diff suppressed because it is too large
View File


+ 0
- 1
build/static/js/186.09c3ea27.chunk.js.map
File diff suppressed because it is too large
View File


+ 0
- 3
build/static/js/738.aba3ba7d.chunk.js
File diff suppressed because it is too large
View File


+ 0
- 11
build/static/js/738.aba3ba7d.chunk.js.LICENSE.txt View File

1
-/**
2
- * @license
3
- * Copyright Google Inc. All Rights Reserved.
4
- *
5
- * Use of this source code is governed by an MIT-style license that can be
6
- * found in the LICENSE file at https://angular.io/license
7
- *
8
- * This file is a port of shadowCSS from webcomponents.js to TypeScript.
9
- * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
10
- * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
11
- */

+ 0
- 1
build/static/js/738.aba3ba7d.chunk.js.map
File diff suppressed because it is too large
View File


+ 0
- 3
build/static/js/851.7ada53df.chunk.js
File diff suppressed because it is too large
View File


+ 0
- 3
build/static/js/851.7ada53df.chunk.js.LICENSE.txt View File

1
-/*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */

+ 0
- 1
build/static/js/851.7ada53df.chunk.js.map
File diff suppressed because it is too large
View File


+ 0
- 3
build/static/js/main.a0b94822.js
File diff suppressed because it is too large
View File


+ 0
- 56
build/static/js/main.a0b94822.js.LICENSE.txt View File

1
-/*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
-
5
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
6
-
7
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/
8
-
9
-/**
10
- * @license React
11
- * react-dom.production.min.js
12
- *
13
- * Copyright (c) Facebook, Inc. and its affiliates.
14
- *
15
- * This source code is licensed under the MIT license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- */
18
-
19
-/**
20
- * @license React
21
- * react-jsx-runtime.production.min.js
22
- *
23
- * Copyright (c) Facebook, Inc. and its affiliates.
24
- *
25
- * This source code is licensed under the MIT license found in the
26
- * LICENSE file in the root directory of this source tree.
27
- */
28
-
29
-/**
30
- * @license React
31
- * react.production.min.js
32
- *
33
- * Copyright (c) Facebook, Inc. and its affiliates.
34
- *
35
- * This source code is licensed under the MIT license found in the
36
- * LICENSE file in the root directory of this source tree.
37
- */
38
-
39
-/**
40
- * @license React
41
- * scheduler.production.min.js
42
- *
43
- * Copyright (c) Facebook, Inc. and its affiliates.
44
- *
45
- * This source code is licensed under the MIT license found in the
46
- * LICENSE file in the root directory of this source tree.
47
- */
48
-
49
-/** @license React v16.13.1
50
- * react-is.production.min.js
51
- *
52
- * Copyright (c) Facebook, Inc. and its affiliates.
53
- *
54
- * This source code is licensed under the MIT license found in the
55
- * LICENSE file in the root directory of this source tree.
56
- */

+ 0
- 1
build/static/js/main.a0b94822.js.map
File diff suppressed because it is too large
View File


+ 4
- 3
src/pages/Flag.tsx View File

19
       <IonItem slot="header" color="light">
19
       <IonItem slot="header" color="light">
20
         <IonLabel class="ion-text-center">{title}</IonLabel>
20
         <IonLabel class="ion-text-center">{title}</IonLabel>
21
       </IonItem>
21
       </IonItem>
22
-      <div className="ion-padding" slot="content">
22
+      <div slot="content">
23
         {
23
         {
24
           // generate each point in content
24
           // generate each point in content
25
+          // We need to add some color to the cards, preferably white
25
           content.map((text: string) =>{
26
           content.map((text: string) =>{
26
             return (
27
             return (
27
-              <IonCard color="light">
28
+              <IonCard>
28
                 <IonItem>
29
                 <IonItem>
29
-                <IonLabel class="ion-text-center">{text}</IonLabel>
30
+                  <IonLabel text-wrap class="ion-text-center ">{text}</IonLabel>
30
                 </IonItem>
31
                 </IonItem>
31
               </IonCard>
32
               </IonCard>
32
             );
33
             );

+ 5
- 0
src/pages/styles/styles.css View File

53
     align-items: center;
53
     align-items: center;
54
 }
54
 }
55
 
55
 
56
+/* Styles for the flag screen */
57
+
58
+.flag-item {
59
+    background-color: #fff !important;
60
+}
56
 
61
 
57
 
62