Skip to content

Commit 047da65

Browse files
minor styling
1 parent 4b391f1 commit 047da65

File tree

3 files changed

+15
-5
lines changed

3 files changed

+15
-5
lines changed

angular-primeng-app/src/app/components/posts/posts.component.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.posts-view {
2-
width: 70vw;
2+
width: 80vw;
33
min-height: 67.2vh;
44
padding: 0.5rem 0;
55

@@ -12,6 +12,10 @@
1212
.post-card {
1313
display: flex;
1414
}
15+
16+
.card-title {
17+
min-height: 3.5rem;
18+
}
1519
}
1620

1721
.load-more-posts {

angular-primeng-app/src/app/components/series/series.component.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.series-view {
2-
width: 70vw;
2+
width: 80vw;
33
min-height: 67.2vh;
44
padding: 0.5rem 0;
55

angular-primeng-app/src/styles.scss

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ a {
77
}
88

99
.post-card {
10-
width: 20vw;
10+
width: 23vw;
1111
margin: 1rem;
1212
cursor: pointer;
1313

@@ -18,12 +18,14 @@ a {
1818

1919
.p-card {
2020
height: 100%;
21+
width: 100%;
2122
}
2223

2324
.p-card-title {
24-
font-size: 1.1rem;
25+
font-size: 1rem;
2526
line-height: 1.7rem;
2627
font-weight: 500;
28+
min-height: 3.5rem;
2729
}
2830

2931
.p-card-content {
@@ -33,7 +35,7 @@ a {
3335

3436
.card-image {
3537
width: 100%;
36-
height: 10rem;
38+
height: 12rem;
3739
overflow: hidden;
3840
border-top-left-radius: 6px;
3941
border-top-right-radius: 6px;
@@ -92,6 +94,10 @@ article {
9294
}
9395
}
9496

97+
.p-card-title {
98+
min-width: 75vw;
99+
}
100+
95101
// !important statement shall only be used if there are no alternatives, like in this case for overwriting very persistent styles set by PrimeNG
96102

97103
app-follow-dialog {

0 commit comments

Comments
 (0)