diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 4039ae2..8911de4 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -98,91 +98,6 @@ .zy-highlighted{ color: var(--highlight-color); } -// table -.zy-table{ - display: flex; - flex-direction: column; - height: 100%; - font-size: 15px; - .tHeader{ - display: flex; - align-items: center; - justify-content: space-between; - height: 50px; - min-height: 50px; - width: 100%; - border-bottom: 1px solid; - .btn{ - user-select: none; - margin-left: 15px; - margin-right: 15px; - cursor: pointer; - font-size: 14px; - } - } - .tBody{ - flex: 1; - border-bottom: 1px solid; - overflow: auto; - .el-table__row td{ - border: none; - } - .el-table::before{ - height: 0px; - } - ul{ - list-style: none; - padding: 0; - margin: 0; - li{ - display: flex; - justify-content: flex-start; - align-items: center; - flex-direction: row; - height: 50px; - border-bottom: 1px solid; - cursor: pointer; - span{ - display: flex; - font-size: 13px; - height: 50px; - line-height: 50px; - overflow: hidden; - margin-right: 5px; - &.name{ - flex: 1; - min-width: 100px; - overflow: hidden; - margin-left: 10px; - } - &.type{ - width: 10%; - } - &.time{ - width: 10%; - } - &.last{ - width: 10%; - } - &.site{ - width: 10%; - } - &.note{ - width: 10%; - } - &.info{ - width: 10%; - } - &.operate{ - .btn{ - width: 40px; - } - } - } - } - } - } -} // scroll .zy-scroll{ &::-webkit-scrollbar{ diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss index 52360ab..4d23d87 100644 --- a/src/assets/scss/theme/dark.scss +++ b/src/assets/scss/theme/dark.scss @@ -45,36 +45,6 @@ color: var(--d-fc-1); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } - .zy-table{ - color: var(--d-fc-2); - .tHeader{ - border-bottom-color: var(--d-c-3); - .btn{ - &:hover{ - color: var(--d-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--d-c-3); - ul{ - li{ - border-bottom-color: var(--d-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--d-bsc); - background-color: var(--d-bgc-2); - color: #fff; - } - span{ - &.btn:hover{ - color: var(--d-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss index b46af69..a8c3eac 100644 --- a/src/assets/scss/theme/green.scss +++ b/src/assets/scss/theme/green.scss @@ -43,34 +43,6 @@ .zy-checkbox{ color: var(--g-fc-1); } - .zy-table{ - color: var(--g-fc-2); - .tHeader{ - border-bottom-color: var(--g-c-3); - .btn{ - &:hover{ - color: var(--g-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--g-c-3); - ul{ - li{ - border-bottom-color: var(--g-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--g-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--g-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss index afc74b1..5172c5c 100644 --- a/src/assets/scss/theme/light.scss +++ b/src/assets/scss/theme/light.scss @@ -43,34 +43,6 @@ .zy-checkbox{ color: var(--l-fc-1); } - .zy-table{ - color: var(--l-fc-2); - .tHeader{ - border-bottom-color: var(--l-c-3); - .btn{ - &:hover{ - color: var(--l-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--l-c-3); - ul{ - li{ - border-bottom-color: var(--l-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--l-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--l-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss index 76ff08b..ee36f31 100644 --- a/src/assets/scss/theme/pink.scss +++ b/src/assets/scss/theme/pink.scss @@ -42,34 +42,6 @@ .zy-checkbox{ color: var(--p-fc-1); } - .zy-table{ - color: var(--p-fc-2); - .tHeader{ - border-bottom-color: var(--p-c-3); - .btn{ - &:hover{ - color: var(--p-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--p-c-3); - ul{ - li{ - border-bottom-color: var(--p-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--p-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--p-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb {