thm
/
upend
1
0
Fork 0
Code Issues 73 Pull Requests Packages Projects Releases 5 Wiki Activity

Table css improvements

feat/vaults
Tomáš Mládek 2021-12-06 14:35:18 +01:00
parent 939ee92300
commit 42a630023b
1 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ui/src/components/widgets/Table.svelte
View File

@ -274,37 +274,32 @@
width: 100%;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0.5em 0;
tr {
&.left-active {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 1) 0%,
rgba(0, 0, 0, 0) 50%
);
td:first-child {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 1) 0%,
rgba(0, 0, 0, 0) 66%
);
}
}
&.right-active {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 0) 50%,
rgba(255, 166, 0, 1) 100%
);
td:last-child {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 0) 33%,
rgba(255, 166, 0, 1) 100%
);
}
}
&.left-active.right-active {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 1) 0%,
rgba(255, 166, 0, 0) 25%,
rgba(255, 166, 0, 0) 75%,
rgba(255, 166, 0, 1) 100%
);
td {
border-radius: 4px;
}
border-radius: 4px;
}
th {
@ -313,7 +308,6 @@
td {
font-family: var(--monospace-font);
padding-right: 1em;
line-height: 1em;
line-break: anywhere;