Skip to content
Snippets Groups Projects
Commit 359d2f16 authored by OZGCloud's avatar OZGCloud
Browse files

add angular material

parent 1c02ba5a
Branches
Tags
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
goofy-client/angular.json
+ 25
− 9
View file @ 359d2f16
......@@ -21,8 +21,13 @@
"polyfills": "apps/goofy/src/polyfills.ts",
"tsConfig": "apps/goofy/tsconfig.app.json",
"aot": true,
"assets": ["apps/goofy/src/favicon.ico", "apps/goofy/src/assets"],
"styles": ["apps/goofy/src/styles.scss"],
"assets": [
"apps/goofy/src/favicon.ico",
"apps/goofy/src/assets"
],
"styles": [
"apps/goofy/src/styles.scss"
],
"scripts": []
},
"configurations": {
......@@ -76,7 +81,9 @@
"lint": {
"builder": "@nrwl/linter:eslint",
"options": {
"lintFilePatterns": ["apps/goofy/src/**/*.ts"]
"lintFilePatterns": [
"apps/goofy/src/**/*.ts"
]
}
},
"test": {
......@@ -109,7 +116,9 @@
"lint": {
"builder": "@nrwl/linter:eslint",
"options": {
"lintFilePatterns": ["apps/goofy-e2e/**/*.{js,ts}"]
"lintFilePatterns": [
"apps/goofy-e2e/**/*.{js,ts}"
]
}
}
}
......@@ -123,7 +132,9 @@
"lint": {
"builder": "@nrwl/linter:eslint",
"options": {
"lintFilePatterns": ["libs/api-root-shared/src/**/*.ts"]
"lintFilePatterns": [
"libs/api-root-shared/src/**/*.ts"
]
}
},
"test": {
......@@ -149,7 +160,9 @@
"lint": {
"builder": "@nrwl/linter:eslint",
"options": {
"lintFilePatterns": ["libs/environment-shared/src/**/*.ts"]
"lintFilePatterns": [
"libs/environment-shared/src/**/*.ts"
]
}
},
"test": {
......@@ -175,7 +188,9 @@
"lint": {
"builder": "@nrwl/linter:eslint",
"options": {
"lintFilePatterns": ["libs/tech-shared/src/**/*.ts"]
"lintFilePatterns": [
"libs/tech-shared/src/**/*.ts"
]
}
},
"test": {
......@@ -194,7 +209,8 @@
}
},
"cli": {
"defaultCollection": "@nrwl/angular"
"defaultCollection": "@nrwl/angular",
"analytics": "96410a10-f846-4f96-b18f-6da7a28dea2d"
},
"schematics": {
"@nrwl/angular": {
......
goofy-client/apps/goofy/src/app/app.module.ts
+ 2
− 0
View file @ 359d2f16
......@@ -7,6 +7,7 @@ import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
import { NgxsModule } from '@ngxs/store';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [AppComponent],
......@@ -18,6 +19,7 @@ import { AppComponent } from './app.component';
HttpClientModule,
EnvironmentSharedModule,
ApiRootSharedModule,
BrowserAnimationsModule,
],
providers: [],
bootstrap: [AppComponent],
......
goofy-client/apps/goofy/src/index.html
+ 12
− 10
View file @ 359d2f16
......@@ -4,10 +4,12 @@
<meta charset="utf-8"/>
<title>Goofy</title>
<base href="/"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="favicon.ico" rel="icon" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<body class="mat-typography">
<goofy-client-root></goofy-client-root>
</body>
</html>
goofy-client/apps/goofy/src/styles.scss
+ 38
− 0
View file @ 359d2f16
// Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming
@import '~@angular/material/theming';
// Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$goofy-primary: mat-palette($mat-indigo);
$goofy-accent: mat-palette($mat-pink, A200, A100, A400);
// The warn palette is optional (defaults to red).
$goofy-warn: mat-palette($mat-red);
// Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography".
$goofy-theme: mat-light-theme((
color: (
primary: $goofy-primary,
accent: $goofy-accent,
warn: $goofy-warn,
)
));
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($goofy-theme);
/* You can add global styles to this file, and also import other style files */
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
goofy-client/package-lock.json
+ 405
− 1315
View file @ 359d2f16
This diff is collapsed.
goofy-client/package.json
+ 2
− 0
View file @ 359d2f16
......@@ -32,10 +32,12 @@
"private": true,
"dependencies": {
"@angular/animations": "^10.1.0",
"@angular/cdk": "^10.2.7",
"@angular/common": "^10.1.0",
"@angular/compiler": "^10.1.0",
"@angular/core": "^10.1.0",
"@angular/forms": "^10.1.0",
"@angular/material": "^10.2.7",
"@angular/platform-browser": "^10.1.0",
"@angular/platform-browser-dynamic": "^10.1.0",
"@angular/router": "^10.1.0",
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Impressum - Datenschutz - Barrierefreiheit