Skip to content
Snippets Groups Projects
Commit 560c225a authored by OZGCloud's avatar OZGCloud
Browse files

OZG-4856 use tailwind config, admin add test layout

parent 943f2172
No related branches found
No related tags found
No related merge requests found
<div>Admin</div>
<header class="flex items-center justify-between bg-white p-6">
<div class="text-ozgblue font-extrabold">OZG-Cloud Administration</div>
<div>Profil</div>
</header>
<div class="relative flex w-full flex-auto justify-center">
<div class="w-96 bg-slate-300 p-6"><nav>NAV</nav></div>
<main class="flex-auto bg-slate-200 p-6">
<h2>MAIN</h2>
<div><ozg-testbtn /></div>
</main>
</div>
<router-outlet></router-outlet>
<!doctype html>
<html lang="en">
<html lang="en" class="h-full bg-white antialiased">
<head>
<meta charset="utf-8" />
<title>admin</title>
......@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<app-root></app-root>
<body class="flex min-h-full bg-white text-black dark:bg-slate-100 dark:bg-slate-900">
<app-root class="flex w-full flex-col"></app-root>
</body>
</html>
const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind')
const { join } = require('path')
const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
const { join } = require('path');
const sharedTailwindConfig = require('../../libs/design-system/tailwind.config');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'), ...createGlobPatternsForDependencies(__dirname)],
presets: [sharedTailwindConfig],
content: [
join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
...createGlobPatternsForDependencies(__dirname),
],
theme: {
extend: {}
extend: {},
},
plugins: []
}
plugins: [],
};
export * from './lib/anhang/anhang.component'
export * from './lib/testbtn/testbtn.component'
export * from './lib/testbtn/testbtn.component';
import { CommonModule } from '@angular/common'
import { Component } from '@angular/core'
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
@Component({
selector: 'lib-testbtn',
selector: 'ozg-testbtn',
standalone: true,
imports: [CommonModule],
template: `<p>testbtn works!</p>`,
styles: []
template: `<button
type="button"
class="bg-ozgblue-700 hover:bg-ozgblue-600 focus-visible:outline-ozgblue-800 rounded-md px-3 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
>
Design-System Test Button
</button>`,
})
export class TestbtnComponent {}
const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind')
const { join } = require('path')
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)],
content: [
join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
...createGlobPatternsForDependencies(__dirname),
],
theme: {
extend: {}
extend: {
colors: {
ozgblue: {
50: 'hsl(200, 100%, 96%)',
100: 'hsl(200, 100%, 92%)',
200: 'hsl(199, 100%, 85%)',
300: 'hsl(197, 100%, 76%)',
400: 'hsl(199, 100%, 64%)',
500: 'hsl(204, 100%, 56%)',
600: 'hsl(209, 100%, 51%)',
700: 'hsl(213, 100%, 48%)',
800: 'hsl(215, 92%, 40%)',
900: 'hsl(213, 85%, 33%)',
DEFAULT: 'hsl(215, 75%, 22%)',
},
plugins: []
}
},
},
},
plugins: [],
};
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment