Jukebox/jukebox-web
10
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

test tables

Browse Source
This commit is contained in:
scarlett kadan
2024-05-08 21:57:40 -04:00
parent c82ef2e7af
commit 6a5aecdc4d
4 changed files with 227 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/assets/stylesheets/cabledetail.scss
View File

@ -6,8 +6,7 @@ $black: #000;
$gray: #bdbdbd;
$white: #fff;
.cable,
.loading {
.cable {
background: linear-gradient(
180deg,
rgb(0 37 84 / 100%) 0%,
@ -80,14 +79,16 @@ $white: #fff;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
margin-bottom: 25px;
margin-top: 5px;
transition: all 0.3s ease-in-out;
text-decoration: none;
overflow: visible;
}
.cable-actions-button, .cable-actions-back {
.cable-actions-button,
.cable-actions-back,
.cable-tables-div {
width: 32%;
height: 100%;
background: linear-gradient(
@ -108,7 +109,10 @@ $white: #fff;
overflow: visible;
}
.cable-actions-button:hover, .cable-main:hover, .cable-actions-back:hover {
.cable-actions-button:hover,
.cable-main:hover,
.cable-actions-back:hover,
.cable-tables-div:hover {
transform: translate3d(-5px, -5px, 0);
}
@ -121,7 +125,8 @@ $white: #fff;
);
}
.cable-actions-button span, .cable-actions-back span {
.cable-actions-button span,
.cable-actions-back span {
text-align: center;
font-family: "Gotham Medium";
font-size: 20px;
@ -186,3 +191,96 @@ $white: #fff;
height: auto;
font-family: "Gotham Medium";
}
.cable-tables {
width: calc(80% + 50px);
height: auto;
background-color: transparent;
display:flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
margin-top: 5px;
text-decoration: none;
overflow: visible;
}
.cable-tables-div {
width: 48%;
height: auto;
cursor: default;
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 5px;
margin-bottom: 5px;
flex-direction: column;
}
.cable-tables-div table {
display: inline-table;
width: 90%;
height: auto;
background-color: transparent;
border: $light-blue solid 2px;
border-radius: 20px;
table-layout: fixed;
border-spacing: 0px;
}
.row,
.head,
.body {
width: auto;
height: auto;
background-color: transparent;
padding: 10px;
text-align: center;
outline: $light-blue solid 1px;
}
.head {
font-family: "Gotham Bold";
font-size: 20px;
color: $medium-blue;
border-top: none;
}
.body {
font-family: "Gotham Medium";
font-size: 18px;
color: $medium-blue;
}
.thead {
width: auto;
height: auto;
background-color: transparent;
}
.tbody {
width: auto;
height: auto;
background-color: transparent;
}
td:first-child,
th:first-child {
border-left: none;
}
.cable-tables-div-title {
width: 90%;
height: auto;
background-color: transparent;
font-family: "Gotham Bold";
font-size: 24px;
color: $dark-blue;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 10px;
}