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

current

Browse Source
This commit is contained in:
scarlett kadan 2024-05-09 15:16:28 -04:00
parent ecf56bd1ee
commit a883b0b206
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -193,22 +193,24 @@ $white: #fff;
} }
.cable-tables { .cable-tables {
width: calc(80% + 50px); width: calc(80% + 70px);
height: auto; height: auto;
background-color: transparent; background-color: transparent;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
align-items: stretch; align-items: stretch;
flex-grow: 1;
justify-content: space-between; justify-content: space-between;
margin-bottom: 50px; margin-bottom: 50px;
margin-top: 5px; margin-top: 5px;
text-decoration: none; text-decoration: none;
overflow: visible; overflow: visible;
box-sizing: border-box;
} }
.cable-tables-div { .cable-tables-div {
width: 48%; width: 31%;
height: auto; height: auto;
cursor: default; cursor: default;
display: flex; display: flex;
@ -216,9 +218,10 @@ $white: #fff;
align-items: center; align-items: center;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
margin-top: 5px;
margin-bottom: 5px;
flex-direction: column; flex-direction: column;
box-sizing: border-box;
flex-grow: 1;
margin: 13px;
} }
.cable-tables-div table { .cable-tables-div table {
@ -245,14 +248,14 @@ $white: #fff;
.head { .head {
font-family: "Gotham Bold"; font-family: "Gotham Bold";
font-size: 20px; font-size: 18px;
color: $medium-blue; color: $medium-blue;
border-top: none; border-top: none;
} }
.body { .body {
font-family: "Gotham Medium"; font-family: "Gotham Medium";
font-size: 18px; font-size: 16px;
color: $medium-blue; color: $medium-blue;
} }

2
src/components/CableDetailComponent.js
View File

@ -159,7 +159,7 @@ export default class CableDetailComponent extends Component {
} }
return ( return (
<div className="cable-tables-div" style={{ width: "32%" }}> <div className="cable-tables-div">
<span className="cable-tables-div-title">{title}</span> <span className="cable-tables-div-title">{title}</span>
<table> <table>
{Object.entries(data).map(([key, value], index) => ( {Object.entries(data).map(([key, value], index) => (