Added toolbar styling and links for fonts
This commit is contained in:
parent
4337ea03cc
commit
311ebd91af
@ -9,7 +9,7 @@ module.exports = {
|
|||||||
schemas: './src/app/api/model',
|
schemas: './src/app/api/model',
|
||||||
client: 'angular',
|
client: 'angular',
|
||||||
fileExtension: '.gen.ts',
|
fileExtension: '.gen.ts',
|
||||||
baseUrl: 'http://localhost:8080',
|
baseUrl: 'https://taskManagement.kleenedany.online/api',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@ -1,4 +1,3 @@
|
|||||||
<div class="app-container">
|
|
||||||
<app-header></app-header>
|
<app-header></app-header>
|
||||||
<app-content></app-content>
|
<app-content></app-content>
|
||||||
</div>
|
|
||||||
|
|||||||
@ -1,5 +0,0 @@
|
|||||||
.app-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
@ -1,7 +1,8 @@
|
|||||||
.container {
|
.container {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90vh;
|
min-height: 70vh;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -7,6 +7,9 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<app-root></app-root>
|
<app-root></app-root>
|
||||||
|
|||||||
@ -10,9 +10,23 @@ html {
|
|||||||
typography: Roboto,
|
typography: Roboto,
|
||||||
density: 0
|
density: 0
|
||||||
));
|
));
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: var(--mat-sys-surface);
|
background: var(--mat-sys-surface);
|
||||||
color: var(--mat-sys-on-surface);
|
color: var(--mat-sys-on-surface);
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
@include mat.toolbar-overrides((
|
||||||
|
container-background-color: var(--mat-sys-primary-container),
|
||||||
|
));
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user