Spaces:
Running
on
Zero
Running
on
Zero
Update html_helper.py
Browse files- html_helper.py +4 -3
html_helper.py
CHANGED
|
@@ -51,6 +51,7 @@ def create_html_from_midi(midifile):
|
|
| 51 |
margin: 4px;
|
| 52 |
margin-top: 2;
|
| 53 |
overflow: auto;
|
|
|
|
| 54 |
}}
|
| 55 |
|
| 56 |
#proll midi-visualizer svg rect.note {{
|
|
@@ -79,9 +80,9 @@ def create_html_from_midi(midifile):
|
|
| 79 |
}}
|
| 80 |
|
| 81 |
/* Media queries for responsive scaling */
|
| 82 |
-
@media (max-width: 500px) {{ #proll midi-
|
| 83 |
-
@media (max-width: 400px) {{ #proll midi-
|
| 84 |
-
@media (max-width: 300px) {{ #proll midi-
|
| 85 |
</style>
|
| 86 |
</head>
|
| 87 |
<body>
|
|
|
|
| 51 |
margin: 4px;
|
| 52 |
margin-top: 2;
|
| 53 |
overflow: auto;
|
| 54 |
+
transform: scaleY(0.8); /* Added scaleY */
|
| 55 |
}}
|
| 56 |
|
| 57 |
#proll midi-visualizer svg rect.note {{
|
|
|
|
| 80 |
}}
|
| 81 |
|
| 82 |
/* Media queries for responsive scaling */
|
| 83 |
+
@media (max-width: 500px) {{ #proll midi-visualizer .piano-roll-visualizer {{transform: scaleY(0.7);}} }}
|
| 84 |
+
@media (max-width: 400px) {{ #proll midi-visualizer .piano-roll-visualizer {{transform: scaleY(0.6);}} }}
|
| 85 |
+
@media (max-width: 300px) {{ #proll midi-visualizer .piano-roll-visualizer {{transform: scaleY(0.5);}} }}
|
| 86 |
</style>
|
| 87 |
</head>
|
| 88 |
<body>
|