aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-12-10 14:43:01 +0100
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:12:47 +0100
commitfb39b8f31f9323f5e56670de2f382f7b19daed08 (patch)
treeba41a4e725e09327663f5de8e434def8bc2c7151
parent4f48232507b0b77d2126715bbda25fb21af66ab4 (diff)
FUNCT Add bootstrap
-rw-r--r--package.json1
-rw-r--r--src/index.html2
-rw-r--r--src/styles/app.scss1
3 files changed, 3 insertions, 1 deletions
diff --git a/package.json b/package.json
index ac1f45d..2f4772a 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
"zip-webpack-plugin": "^3.0.0"
},
"dependencies": {
+ "bootstrap": "4.4.1",
"agl-js-api": "https://github.com/AGL-web-applications/agl-js-api.git#master",
"mustache": "^3.1.0"
}
diff --git a/src/index.html b/src/index.html
index a2ab134..87a9e68 100644
--- a/src/index.html
+++ b/src/index.html
@@ -48,7 +48,7 @@
</div>
<div class="statusContainer" id="networkStatusContainer">
<script id="network-status-template" type="x-tmpl-mustache">
- <div class="statusItem {{icon}} {{#properties.connected}}connected{{/properties.connected}}"></div>
+ <div class="statusItem {{icon}} {{#properties.connected}}text-primary{{/properties.connected}}"></div>
</script>
</div>
</div>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index fa41373..d84e54a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -5,6 +5,7 @@ $colors: (
button: #313131,
background: #363636
);
+@import "~bootstrap/scss/bootstrap";
@media (max-device-width: 720px) and (orientation: portrait) {
$header_size: 145px;