tweaks
This commit is contained in:
parent
374aff6d28
commit
afe42c136c
|
@ -131,7 +131,7 @@ export default function PromptPanel({
|
|||
<>
|
||||
<main className="z-10 fixed w-full md:static md:w-2/3 md:min-h-screen">
|
||||
<div className="pl-10 pr-10 md:pl-20">
|
||||
<div className="sm-landscape:h-[62vh] h-[78vh] md:h-[80vh] flex flex-col justify-around pt-[10vh] pr-5">
|
||||
<div className="landscape:sm:h-[62vh] h-[78vh] md:h-[80vh] flex flex-col justify-around pt-[10vh] pr-5">
|
||||
{getDisplayPrompts().map((prompt, index) => (
|
||||
<PromptEntry
|
||||
prompt={prompt.prompt + " "}
|
||||
|
|
|
@ -49,7 +49,7 @@ export default function SpectrogramViewer({
|
|||
|
||||
const playbarShift = 3.6; // [m]
|
||||
|
||||
// NOTE: this is a hacky way to compress image and box width to fit in the window for responsiveness
|
||||
// NOTE: this is a hacky way to constrict image and box width to fit in the window for responsiveness
|
||||
// if window is between 768px and 1068px, this scales the image to fit using a scaler
|
||||
const spectrogramImageScale = window.innerWidth > 768 && window.innerWidth < 1068 ? window.innerWidth / 215 : 5;
|
||||
const spectrogramBoxScale = window.innerWidth > 768 && window.innerWidth < 1068 ? window.innerWidth / 194 : 5.5;
|
||||
|
|
Loading…
Reference in New Issue