Added material.io as a script/link

This commit is contained in:
pepper 2021-01-22 01:01:36 -05:00
parent 6c7d9a4ffd
commit 146391ffdd
3 changed files with 50 additions and 42 deletions

View File

@ -1,28 +1,44 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css" />
<link rel="icon" <link
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14/svgs/solid/book.svg" /> rel="icon"
<meta name="viewport" content="width=device-width, initial-scale=1" /> href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14/svgs/solid/book.svg"
<meta name="theme-color" content="#000000" /> />
<meta name="description" content="Web site created using create-react-app" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <meta name="theme-color" content="#000000" />
<!-- Compiled and minified CSS --> <meta
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> name="description"
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> content="Web site created using create-react-app"
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> />
<link rel="stylesheet" href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table-all.min.css"> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
</link> <!-- Compiled and minified CSS -->
<title>Migrations Tracker</title> <link
</head> rel="stylesheet"
<body> href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
<noscript>You need to enable JavaScript to run this app.</noscript> />
<div id="root"></div> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <link
<!-- This breaks things --> rel="stylesheet"
<!-- <script src="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table.min.js"></script> --> href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table-all.min.css"
/>
<link
href="//netdna.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css"
rel="stylesheet"
/>
</body> <title>Migrations Tracker</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
</body>
</html> </html>

View File

@ -18,3 +18,12 @@ a.white-link:active {
.react-bootstrap-table { .react-bootstrap-table {
overflow-x: auto !important; overflow-x: auto !important;
} }
.card-size {
min-height: 190x;
min-width: 190px;
}
.nav-link {
cursor: pointer;
}

View File

@ -1,23 +1,6 @@
{ {
"short_name": "React App", "short_name": "React App",
"name": "Create React App Sample", "name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",