Added toolbar styling and links for fonts

This commit is contained in:
kleenedany 2025-11-06 18:42:09 +01:00
parent 4337ea03cc
commit 311ebd91af
6 changed files with 23 additions and 11 deletions

View File

@ -9,7 +9,7 @@ module.exports = {
schemas: './src/app/api/model',
client: 'angular',
fileExtension: '.gen.ts',
baseUrl: 'http://localhost:8080',
baseUrl: 'https://taskManagement.kleenedany.online/api',
},
},
};

View File

@ -1,4 +1,3 @@
<div class="app-container">
<app-header></app-header>
<app-content></app-content>
</div>
<app-header></app-header>
<app-content></app-content>

View File

@ -1,5 +0,0 @@
.app-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}

View File

@ -1,7 +1,8 @@
.container {
flex: 1;
flex-direction: column;
width: 100%;
height: 90vh;
min-height: 70vh;
margin: 10px;
}

View File

@ -7,6 +7,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<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>
<body>
<app-root></app-root>

View File

@ -10,9 +10,23 @@ html {
typography: Roboto,
density: 0
));
}
body {
background: var(--mat-sys-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),
));
}