diff --git a/alfa-client/apps/alfa/src/app/app.component.html b/alfa-client/apps/alfa/src/app/app.component.html index 807df72c1bc3fe8aa1f280dc82e71586e132b2a1..19274543c522ce96599998cf15b177b30c4612d7 100644 --- a/alfa-client/apps/alfa/src/app/app.component.html +++ b/alfa-client/apps/alfa/src/app/app.component.html @@ -24,18 +24,15 @@ --> <ng-container *ngIf="apiRoot$ | async as apiRoot"> - <ozgcloud-spinner [stateResource]="apiRoot"> - <alfa-header-container [apiRootStateResource]="apiRoot"></alfa-header-container> + <ozgcloud-spinner [stateResource]="apiRoot"> + <alfa-header-container [apiRootStateResource]="apiRoot"></alfa-header-container> - <div class="relative ml-4 mt-16 flex flex-grow items-start justify-between"> - <main class="mat-app-background"><router-outlet></router-outlet></main> - <section class="mat-app-background right-nav"> - <alfa-build-info - *ngIf="apiRoot.resource" - [apiRoot]="apiRoot.resource" - data-test-id="build-info" - ></alfa-build-info> - </section> - </div> - </ozgcloud-spinner> + <div class="container"> + <main class="mat-app-background"><router-outlet></router-outlet></main> + + <section class="mat-app-background right-nav"> + <alfa-build-info *ngIf="apiRoot.resource" [apiRoot]="apiRoot.resource" data-test-id="build-info"></alfa-build-info> + </section> + </div> + </ozgcloud-spinner> </ng-container> diff --git a/alfa-client/apps/alfa/src/styles/main.scss b/alfa-client/apps/alfa/src/styles/main.scss index 20f13171b788126945285cf30e2303b84279165f..66798f3f13ac17815ef952e4893628807257c5c9 100644 --- a/alfa-client/apps/alfa/src/styles/main.scss +++ b/alfa-client/apps/alfa/src/styles/main.scss @@ -1,32 +1,27 @@ -@use '@angular/material' as mat; - -@tailwind base; -@tailwind components; -@tailwind utilities; - /** -* Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den -* Ministerpräsidenten des Landes Schleswig-Holstein -* Staatskanzlei -* Abteilung Digitalisierung und zentrales IT-Management der Landesregierung -* -* Lizenziert unter der EUPL, Version 1.2 oder - sobald -* diese von der Europäischen Kommission genehmigt wurden - -* Folgeversionen der EUPL ("Lizenz"); -* Sie dürfen dieses Werk ausschließlich gemäß -* dieser Lizenz nutzen. -* Eine Kopie der Lizenz finden Sie hier: -* -* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 -* -* Sofern nicht durch anwendbare Rechtsvorschriften -* gefordert oder in schriftlicher Form vereinbart, wird -* die unter der Lizenz verbreitete Software "so wie sie -* ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - -* ausdrücklich oder stillschweigend - verbreitet. -* Die sprachspezifischen Genehmigungen und Beschränkungen -* unter der Lizenz sind dem Lizenztext zu entnehmen. -*/ + * Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den + * Ministerpräsidenten des Landes Schleswig-Holstein + * Staatskanzlei + * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung + * + * Lizenziert unter der EUPL, Version 1.2 oder - sobald + * diese von der Europäischen Kommission genehmigt wurden - + * Folgeversionen der EUPL ("Lizenz"); + * Sie dürfen dieses Werk ausschließlich gemäß + * dieser Lizenz nutzen. + * Eine Kopie der Lizenz finden Sie hier: + * + * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 + * + * Sofern nicht durch anwendbare Rechtsvorschriften + * gefordert oder in schriftlicher Form vereinbart, wird + * die unter der Lizenz verbreitete Software "so wie sie + * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - + * ausdrücklich oder stillschweigend - verbreitet. + * Die sprachspezifischen Genehmigungen und Beschränkungen + * unter der Lizenz sind dem Lizenztext zu entnehmen. + */ +@use '@angular/material' as mat; @import 'libs/ui/src/lib/font/font_material'; @import 'typeface-roboto/index.css'; @@ -75,7 +70,8 @@ @include mat.all-component-themes($alfaTheme); @include custom-components-theme($alfaTheme); + body.dark { @include mat.all-component-colors($alfaDarkTheme); @include custom-components-theme($alfaDarkTheme); -} +} \ No newline at end of file diff --git a/alfa-client/apps/alfa/tailwind.config.js b/alfa-client/apps/alfa/tailwind.config.js deleted file mode 100644 index 1687f934055f9cd75997068e976b569ee7e63ec5..0000000000000000000000000000000000000000 --- a/alfa-client/apps/alfa/tailwind.config.js +++ /dev/null @@ -1,18 +0,0 @@ -const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind'); -const { join } = require('path'); - -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: [ - join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'), - ...createGlobPatternsForDependencies(__dirname), - ], - corePlugins: { - preflight: false - }, - //prefix: 'tw-', - theme: { - extend: {}, - }, - plugins: [], -};