tanstak table corrected adaptive layout

This commit is contained in:
smanylov
2026-01-04 13:27:59 +07:00
parent edcac25b02
commit 6c46a1a655
6 changed files with 63 additions and 26 deletions
+28 -15
View File
@@ -281,15 +281,6 @@
}
}
.block-wrapper {
background: v.$white;
border-radius: 20px;
padding: 25px;
box-shadow: 0 4px 20px v.$shadow-1;
border: 1px solid v.$b-color-1;
margin-bottom: 30px;
}
.upload-section {
background: v.$white;
border-radius: 20px;
@@ -547,7 +538,6 @@
}
.tanstak-table-block {
width: 100%;
overflow-x: auto;
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);
@@ -557,6 +547,11 @@
width: 100%;
table-layout: fixed;
@media (max-width: 1200px) {
width: 1200px;
}
>*+* {
border-top: 1px solid v.$b-color-2;
}
@@ -565,9 +560,6 @@
border-bottom: 1px solid v.$b-color-2;
}
@media (min-width: 768px) {
table-layout: auto;
}
&-head {
background-color: v.$b-color-1;
@@ -629,11 +621,32 @@
padding-bottom: 1rem;
white-space: nowrap;
}
.actions {
display: flex;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
button {
padding: 4px 12px;
font-size: 14px;
line-height: 20px;
border-radius: 4px;
color: v.$white;
.icon {}
@media (max-width: 1200px) {
padding: 4px;
}
}
}
}
}
}
@media (max-width: 1300px) {
/* @media (max-width: 1300px) {
.tanstak-table {
max-width: 800px;
margin: 0 auto;
@@ -645,4 +658,4 @@
max-width: 500px;
margin: 0 auto;
}
}
} */