Skip to content

Commit 10ea5f7

Browse files
committed
Add css style for paginator
1 parent cb6b616 commit 10ea5f7

1 file changed

Lines changed: 34 additions & 0 deletions

File tree

  • src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog
Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
.esh-pager-wrapper {
2+
padding-top: 1rem;
3+
text-align: center;
4+
}
5+
6+
.esh-pager-item {
7+
margin: 0 5vw;
8+
}
9+
10+
.esh-pager-item--navigable {
11+
display: inline-block;
12+
cursor: pointer;
13+
}
14+
15+
.esh-pager-item--navigable.is-disabled {
16+
opacity: 0;
17+
pointer-events: none;
18+
}
19+
20+
.esh-pager-item--navigable:hover {
21+
color: #83D01B;
22+
}
23+
24+
@media screen and (max-width: 1280px) {
25+
.esh-pager-item {
26+
font-size: 0.85rem;
27+
}
28+
}
29+
30+
@media screen and (max-width: 1024px) {
31+
.esh-pager-item {
32+
margin: 0 4vw;
33+
}
34+
}

0 commit comments

Comments
 (0)