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

Grid and Full Dashboard is working

Browse Source
This commit is contained in:
Lucas
2024-05-09 22:40:09 -05:00
parent 3db7609bd5
commit 132afabf73
2 changed files with 50 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/assets/stylesheets/summary.scss
View File

@ -44,13 +44,17 @@ $hover-blue: #25b3ff;
// flex-wrap: wrap;
// below is taken from browse.scss
width: 100%;
width: 90%;
min-height: calc(100% - 200px);
height: auto;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
// display: flex;
// align-self: center;
// align-items: center;
// justify-content: center;
// align-items: center;
// justify-content: flex-start;
// justify-self: center;
// flex-direction: column;
overflow: hidden;
background-color: transparent;
margin-bottom: 50px;
@ -59,6 +63,8 @@ $hover-blue: #25b3ff;
.summary-grid {
width: 100%;
height: 100%; /* Adjust the height of iframes */
display: grid;
grid-template-columns: repeat(2, 1fr); /* 2 columns */
grid-gap: 10px; /* Adjust the gap between iframes */
@ -100,6 +106,25 @@ $hover-blue: #25b3ff;
width: 25%;
}
.summary-dashboard {
width: 100%;
height: 900px;
border-radius: 20px;
text-align: center;
padding: 10px;
}
.summary-title {
width: 100%;
height: 100%;
font-size: 1.5em;
font-weight: bold;
color: $dark-blue;
margin: 10px;
}
// .summary-fieldContainer-dashboard {
// width: 100%;
// height: 300px;