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

add tariff table, add edit tariff modal window

Browse Source
This commit is contained in:
smanylov
2026-05-29 18:43:37 +07:00
parent 96808c4a12
commit 8928960c34
7 changed files with 900 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/global-styles.scss
+105 -90
View File
@@ -2,6 +2,7 @@
@use './edit-permissions-modal.scss';
@use './animation.scss';
@use './file-moderation-modal.scss';
@use './tariff-edit-modal.scss';
:root {
--primary-color: #2563eb;
@@ -528,13 +529,27 @@
}
.stat-card-title {
font-size: 13px;
font-size: 14px;
color: var(--text-secondary);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.stat-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.tariff-term-badge {
background: #eff6ff;
padding: 2px 12px;
border-radius: 8px;
font-size: 11px;
}
.stat-card-value {
/* width: 40px; */
width: auto;
@@ -786,95 +801,6 @@
}
}
.tanstak-table-pagination {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
margin-top: 1.5rem;
gap: 1rem;
@media (min-width: 768px) {
flex-direction: row;
}
.pagination-info {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
&-pages {
color: v.$text-p;
}
&-files {
color: v.$text-s;
}
}
.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: var(--primary-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: var(--primary-color);
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
&.current {
background-color: var(--primary-color);
color: v.$white;
}
&.other {
&:hover {
background-color: v.$bg-light;
}
}
}
}
}
}
.tanstak-table-block {
overflow-x: auto;
border-radius: 0.5rem;
@@ -1217,6 +1143,95 @@
}
}
.tanstak-table-pagination {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
margin-top: 1.5rem;
gap: 1rem;
@media (min-width: 768px) {
flex-direction: row;
}
.pagination-info {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
&-pages {
color: v.$text-p;
}
&-files {
color: v.$text-s;
}
}
.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: var(--primary-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: var(--primary-color);
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
&.current {
background-color: var(--primary-color);
color: v.$white;
}
&.other {
&:hover {
background-color: v.$bg-light;
}
}
}
}
}
}
.empty-state {
text-align: center;
padding: 60px 20px;