-
- Play it Now!
-
-
- |
- ![]()
-
-
-
-
-
+
+ ![game cover]()
+
{{gameType}}
+
+
\ No newline at end of file
diff --git a/src/app/components/card/card-pricing/card-pricing.component.ts b/src/app/components/card/card-pricing/card-pricing.component.ts
index 5dc831e..4c1b7f9 100644
--- a/src/app/components/card/card-pricing/card-pricing.component.ts
+++ b/src/app/components/card/card-pricing/card-pricing.component.ts
@@ -2,15 +2,16 @@ import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-card-pricing',
+ standalone: false,
templateUrl: './card-pricing.component.html',
styleUrls: ['./card-pricing.component.css']
})
export class CardPricingComponent implements OnInit {
- @Input()
- gameType:string ="Digital PS4"
- @Input()
- gamePrice:string = "R$ 399,90"
+ @Input()
+ gameType: string = "Digital PS4"
+ @Input()
+ gamePrice: string = "R$ 399,90"
constructor() { }
ngOnInit(): void {
diff --git a/src/app/components/card/card.component.css b/src/app/components/card/card.component.css
index 7564e12..9fdf890 100644
--- a/src/app/components/card/card.component.css
+++ b/src/app/components/card/card.component.css
@@ -1,21 +1,18 @@
-.card__container{
- position: relative;
- border:3px solid #3E4357;
- border-radius: 10px;
- width: 350px;
- height: 500px;
+.card-hover {
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
- display: flex;
- overflow: hidden;
- margin-top: 10px;
+.card-hover:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
-.card__img{
- min-width: 100%;
- min-height: 100%;
+.card-img-custom {
+ min-height: 500px;
+ object-fit: cover;
transition: transform .8s;
}
-.card__img:hover{
- transform: scale(1.1);
-}
+.card-hover:hover .card-img-custom {
+ transform: scale(1.05);
+}
\ No newline at end of file
diff --git a/src/app/components/card/card.component.html b/src/app/components/card/card.component.html
index 736eb2c..a6f1e5d 100644
--- a/src/app/components/card/card.component.html
+++ b/src/app/components/card/card.component.html
@@ -1,17 +1,6 @@
-
- Play it Now!
+
+
+
+ |
+ {{gameType}}
-
-
-{{gamePrice}}
+
+ {{gamePrice}}
-
+
\ No newline at end of file
diff --git a/src/app/components/menu-bar/menu-bar.component.ts b/src/app/components/menu-bar/menu-bar.component.ts
index 056da3c..a2b9d4e 100644
--- a/src/app/components/menu-bar/menu-bar.component.ts
+++ b/src/app/components/menu-bar/menu-bar.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-menu-bar',
+ standalone: false,
templateUrl: './menu-bar.component.html',
styleUrls: ['./menu-bar.component.css']
})
diff --git a/src/app/pages/home/home.component.css b/src/app/pages/home/home.component.css
index d04b0ce..e69de29 100644
--- a/src/app/pages/home/home.component.css
+++ b/src/app/pages/home/home.component.css
@@ -1,10 +0,0 @@
-.home__container{
- width: 90%;
- margin: auto;
- padding-top: 50px;
- display: flex;
-
- justify-content: space-around;
- align-items: baseline;
- flex-wrap: wrap;
-}
diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index 4613fb7..d9cdc0e 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -1,31 +1,20 @@
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
\ No newline at end of file
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 007fef0..a5430dd 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-home',
+ standalone: false,
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
diff --git a/tsc_output.txt b/tsc_output.txt
new file mode 100644
index 0000000..138b3f1
--- /dev/null
+++ b/tsc_output.txt
@@ -0,0 +1,5 @@
+node_modules/@angular/core/types/_discovery-chunk.d.ts(12,86): error TS2307: Cannot find module '@angular/core/primitives/di' or its corresponding type declarations.
+ There are types at 'C:/Users/kogli/OneDrive/Área de Trabalho/Projetos/angular-psn-store-clone/node_modules/@angular/core/types/primitives-di.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.
+node_modules/@angular/platform-browser/types/platform-browser.d.ts(10,42): error TS2307: Cannot find module '@angular/common/http' or its corresponding type declarations.
+ There are types at 'C:/Users/kogli/OneDrive/Área de Trabalho/Projetos/angular-psn-store-clone/node_modules/@angular/common/types/http.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.
+node_modules/@angular/router/types/router.d.ts(145,17): error TS2552: Cannot find name 'ViewTransition'. Did you mean 'ViewTransitionInfo'?
diff --git a/tsconfig.json b/tsconfig.json
index ff06eae..b4a837a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,10 +14,10 @@
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
- "moduleResolution": "node",
+ "moduleResolution": "bundler",
"importHelpers": true,
- "target": "es2020",
- "module": "es2020",
+ "target": "ES2022",
+ "module": "ES2022",
"lib": [
"es2020",
"dom"
@@ -29,4 +29,4 @@
"strictInputAccessModifiers": true,
"strictTemplates": true
}
-}
+}
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+