ztimson/homefront
ztimson/homefront
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

trying new bootstrap version

Browse Source
This commit is contained in:
Zakary Timson 2021-06-20 12:42:56 -04:00
parent 623f7627f2
commit e4c1881b34
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
package-lock.json generated
View File

@ -3124,6 +3124,11 @@
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
"dev": true
},
"bootstrap": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.1.tgz",
"integrity": "sha512-Fl79+wsLOZKoiU345KeEaWD0ik8WKRI5zm0YSPj2oF1Qr+BO7z0fco6GbUtqjoG1h4VI89PeKJnMsMMVQdKKTw=="
},
"boxen": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",

1
package.json
View File

@ -23,6 +23,7 @@
"@angular/router": "~12.0.1",
"@angular/service-worker": "~12.0.1",
"angular-gauge": "^4.0.0",
"bootstrap": "^5.0.1",
"chart.js": "^2.9.4",
"firebase": "^8.6.8",
"ng2-charts": "^2.4.2",

10
src/index.html
View File

@ -1,22 +1,19 @@
<!doctype html>
<html lang="en">
<head>
<title>Home Front</title>
<base href="/">
<title>Home Front</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#000000">
<link rel="icon" type="image/x-icon" href="assets/icon.png">
<link rel="stylesheet" type="text/css" href="assets/bootstrap.min.css">
<link rel="manifest" href="src/manifest.json">
<script src="https://bernii.github.io/gauge.js/dist/gauge.min.js"></script>
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#1976d2">
</head>
<body style="background-color: #2F323A;" class="mat-typography">
<body style="background-color: #2F323A;">
<app-root>
<div style="position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<div class="text-center">
@ -27,6 +24,5 @@
</div>
</div>
</app-root>
<noscript>Please enable JavaScript to continue using this application.</noscript>
</body>
</html>

5
src/styles.scss
View File

@ -1,6 +1,7 @@
/* You can add global styles to this file, and also import other style files */
@import '~bootstrap/dist/css/bootstrap.min.css';
@import url('https://fonts.googleapis.com/css?family=Roboto|Material+Icons');
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import url('https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons-wind.min.css');
@ -29,7 +30,7 @@ html, body {
height: 100%;
width: 100%;
font-family: 'Archivo', sans-serif;
font-family: 'Roboto', sans-serif;
background-color: #2F323A;
}