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>
|