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

fixed sizes

Browse Source
This commit is contained in:
scarlett kadan 2024-05-14 19:50:56 -04:00
parent bdcc1d7613
commit a2e94baadc
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CableDetailComponent.js
View File

@ -246,8 +246,8 @@ export default class CableDetailComponent extends Component {
right: "auto", right: "auto",
bottom: "auto", bottom: "auto",
marginRight: "-50%", marginRight: "-50%",
width: "30%", width: "auto",
height: "30%", height: "auto",
transform: "translate(-50%, -50%)", transform: "translate(-50%, -50%)",
overflow: "hidden", overflow: "hidden",
display: "flex", display: "flex",
@ -258,6 +258,8 @@ export default class CableDetailComponent extends Component {
background: background:
"linear-gradient(-30deg, rgb(187, 194, 236) 0%, rgba(255, 255, 255, 1) 100%)", "linear-gradient(-30deg, rgb(187, 194, 236) 0%, rgba(255, 255, 255, 1) 100%)",
boxShadow: "0 0 20px rgba(0, 0, 0, 0.5)", boxShadow: "0 0 20px rgba(0, 0, 0, 0.5)",
minWidth: "30%",
minHeight: "30%"
}, },
overlay: { overlay: {
opacity: modalOpacity, opacity: modalOpacity,

6
src/components/NavBar.js
View File

@ -92,8 +92,8 @@ export default class NavBar extends Component {
right: "auto", right: "auto",
bottom: "auto", bottom: "auto",
marginRight: "-50%", marginRight: "-50%",
width: "30%", width: "auto",
height: "30%", height: "auto",
transform: "translate(-50%, -50%)", transform: "translate(-50%, -50%)",
overflow: "hidden", overflow: "hidden",
display: "flex", display: "flex",
@ -104,6 +104,8 @@ export default class NavBar extends Component {
background: background:
"linear-gradient(-30deg, rgb(187, 194, 236) 0%, rgba(255, 255, 255, 1) 100%)", "linear-gradient(-30deg, rgb(187, 194, 236) 0%, rgba(255, 255, 255, 1) 100%)",
boxShadow: "0 0 20px rgba(0, 0, 0, 0.5)", boxShadow: "0 0 20px rgba(0, 0, 0, 0.5)",
minWidth: "30%",
minHeight: "30%"
}, },
overlay: { overlay: {
opacity: modalOpacity, opacity: modalOpacity,