mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-20 15:34:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: new table design

Browse Source
This commit is contained in:
alexsparkes
2024-05-22 22:18:59 +01:00
parent 737219a76a
commit 3dd04b62b8
1 changed files with 35 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
View File

@@ -84,40 +84,53 @@
table { table {
border-collapse: separate; border-collapse: separate;
border-radius: 10px;
margin-top: 20px;
@include themed { @include themed {
border-radius: t($borderRadius); box-shadow: 0 0 0 1px t($modal-sidebarActive);
margin-top: 20px; padding: 0;
border: 0;
outline: none;
}
tr:first-child { tr:first-child {
background: t($modal-sidebarActive); @include themed {
border-radius: t($borderRadius);
color: t($subColor);
th {
padding: 1rem;
}
} }
letter-spacing: 2px;
td { th {
padding: 15px; padding: 20px;
} }
}
tr { td {
th:last-child { padding: 15px;
display: grid; }
place-items: center;
} tr {
th:last-child {
display: grid;
place-items: center;
} }
}
::placeholder { ::placeholder {
@include themed {
color: t($subColor); color: t($subColor);
} }
}
tr:not(:first-child) { tr:not(:first-child) {
background: t($modal-sidebar); @include themed {
background: t($modal-secondaryColour);
}
textarea { textarea {
width: 90%; width: 90%;
margin: 10px; margin: 10px;
@include themed {
color: t($color); color: t($color);
} }
} }