Переглянути джерело

Added text wraping to cards

Ángel G. Romero Rosario 2 роки тому
джерело
коміт
d9374ff107

+ 3
- 3
build/asset-manifest.json Переглянути файл

@@ -1,7 +1,7 @@
1 1
 {
2 2
   "files": {
3 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 5
     "static/js/738.23d458d2.chunk.js": "/static/js/738.23d458d2.chunk.js",
6 6
     "static/js/372.1940d375.chunk.js": "/static/js/372.1940d375.chunk.js",
7 7
     "static/js/856.c55f21fe.chunk.js": "/static/js/856.c55f21fe.chunk.js",
@@ -15,7 +15,7 @@
15 15
     "service-worker.js": "/service-worker.js",
16 16
     "index.html": "/index.html",
17 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 19
     "738.23d458d2.chunk.js.map": "/static/js/738.23d458d2.chunk.js.map",
20 20
     "372.1940d375.chunk.js.map": "/static/js/372.1940d375.chunk.js.map",
21 21
     "856.c55f21fe.chunk.js.map": "/static/js/856.c55f21fe.chunk.js.map",
@@ -28,6 +28,6 @@
28 28
   },
29 29
   "entrypoints": [
30 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 Переглянути файл

@@ -1 +1 @@
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
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 2
build/static/js/186.09c3ea27.chunk.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 1
build/static/js/186.09c3ea27.chunk.js.map
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 3
build/static/js/738.aba3ba7d.chunk.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 11
build/static/js/738.aba3ba7d.chunk.js.LICENSE.txt Переглянути файл

@@ -1,11 +0,0 @@
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
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 3
build/static/js/851.7ada53df.chunk.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 3
build/static/js/851.7ada53df.chunk.js.LICENSE.txt Переглянути файл

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

+ 0
- 1
build/static/js/851.7ada53df.chunk.js.map
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 3
build/static/js/main.a0b94822.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 0
- 56
build/static/js/main.a0b94822.js.LICENSE.txt Переглянути файл

@@ -1,56 +0,0 @@
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
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 4
- 3
src/pages/Flag.tsx Переглянути файл

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

+ 5
- 0
src/pages/styles/styles.css Переглянути файл

@@ -53,5 +53,10 @@
53 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