frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

continue: add pagination for notification page and some featur

Browse Source
This commit is contained in:
smanylov
2026-04-05 15:06:08 +07:00
parent 27ca7ddf8e
commit 1fe49c24e8
5 changed files with 222 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/pages-styles.scss
+65 -59
View File
@@ -4735,65 +4735,6 @@
}
}
.pagination-controls {
display: flex;
align-items: center;
gap: 0.5rem;
.arrow {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border: 2px solid v.$border-color-1;
border-radius: 10px;
box-shadow: 0 1px 2px #0000000d;
color: v.$p-color;
.icon {
width: 18px;
}
&:hover {
background-color: v.$bg-light;
}
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
}
&-pages {
display: flex;
align-items: center;
gap: 0.25rem;
button {
border: 2px solid v.$border-color-1;
padding: 0.25rem 0.75rem;
border-radius: 10px;
color: v.$p-color;
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
&.current {
background-color: v.$p-color;
color: v.$white;
}
&.other {
&:hover {
background-color: v.$bg-light;
}
}
}
}
}
.violation-page-note {
margin-top: auto;
margin-bottom: 0;
@@ -5117,6 +5058,7 @@
border-radius: 0.5rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
max-width: calc(100vw - var(--side-bar-width) - 60px);
background-color: v.$white;
@media (max-width: 440px) {
max-width: calc(100vw - var(--side-bar-width) - 30px);
@@ -5247,6 +5189,11 @@
}
}
}
&-footer {
padding: 10px;
border-top: 1px solid v.$b-color-2;
}
}
.payment-user-cards {
@@ -5374,4 +5321,63 @@
color: #9ca3af;
line-height: 1.6;
}
}
.pagination-controls {
display: flex;
align-items: center;
gap: 0.5rem;
.arrow {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border: 2px solid v.$border-color-1;
border-radius: 10px;
box-shadow: 0 1px 2px #0000000d;
color: v.$p-color;
.icon {
width: 18px;
}
&:hover {
background-color: v.$bg-light;
}
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
}
&-pages {
display: flex;
align-items: center;
gap: 0.25rem;
button {
border: 2px solid v.$border-color-1;
padding: 0.25rem 0.75rem;
border-radius: 10px;
color: v.$p-color;
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
&.current {
background-color: v.$p-color;
color: v.$white;
}
&.other {
&:hover {
background-color: v.$bg-light;
}
}
}
}
}