Skip to content

Commit 4ebbb98

Browse files
S1M0N38S1M0N38
committed
style(views): optimize views for 720p live stream
1 parent e7cb30c commit 4ebbb98

2 files changed

Lines changed: 13 additions & 13 deletions

File tree

‎views/responses.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,16 @@
1111
top: 0;
1212
left: 0;
1313
right: 0;
14-
height: 350px;
14+
height: 230px;
1515
background: linear-gradient(to bottom, rgb(0 0 0), transparent);
1616
pointer-events: none;
1717
z-index: 10;
1818
}
1919
</style>
2020
</head>
21-
<body class="bg-black text-white w-[800px] h-[1080px] flex flex-col items-center overflow-hidden">
21+
<body class="bg-black text-white w-[533px] h-[720px] flex flex-col items-center overflow-hidden">
2222
<div class="fade-overlay"></div>
23-
<div id="responses" class="flex-1 flex flex-col justify-end p-6 pb-24 space-y-4 overflow-y-auto w-full max-w-[720px]"></div>
23+
<div id="responses" class="flex-1 flex flex-col justify-end p-4 pb-16 space-y-3 overflow-y-auto w-full max-w-[480px]"></div>
2424

2525
<script>
2626
let lastResponseId = null;
@@ -48,9 +48,9 @@
4848
: '';
4949

5050
return `
51-
<div class="pb-4 border-b border-gray-700">
52-
<div class="font-mono text-xl mb-3 whitespace-pre-wrap"><span class="text-gray-400">[${formatTime(entry.id)}]</span> <span class="italic text-gray-500">${reasoning}</span></div>
53-
<div class="font-mono text-2xl text-white">${name}(${otherArgs})</div>
51+
<div class="pb-3 border-b border-gray-700">
52+
<div class="font-mono text-base mb-2 whitespace-pre-wrap"><span class="text-gray-400">[${formatTime(entry.id)}]</span> <span class="italic text-gray-500">${reasoning}</span></div>
53+
<div class="font-mono text-lg text-white">${name}(${otherArgs})</div>
5454
</div>
5555
`;
5656
}

‎views/task.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@
66
<title>Task Overlay</title>
77
<script src="https://cdn.tailwindcss.com"></script>
88
</head>
9-
<body class="bg-black text-white w-[1120px] h-[400px] flex items-center">
10-
<div id="overlay" class="w-full h-full flex flex-col justify-center pl-40">
11-
<div id="model" class="font-mono text-5xl mb-12">
9+
<body class="bg-black text-white w-[747px] h-[267px] flex items-center">
10+
<div id="overlay" class="w-full h-full flex flex-col justify-center pl-16">
11+
<div id="model" class="font-mono text-3xl mb-6">
1212
<span class="text-gray-500">Loading...</span>
1313
</div>
14-
<div class="space-y-6">
15-
<div class="font-mono text-4xl"><span class="text-gray-500">seed&nbsp; </span><span id="seed" class="text-white"></span></div>
16-
<div class="font-mono text-4xl"><span class="text-gray-500">deck&nbsp; </span><span id="deck" class="text-white"></span></div>
17-
<div class="font-mono text-4xl"><span class="text-gray-500">stake </span><span id="stake" class="text-white"></span></div>
14+
<div class="space-y-3">
15+
<div class="font-mono text-2xl"><span class="text-gray-500">seed&nbsp; </span><span id="seed" class="text-white"></span></div>
16+
<div class="font-mono text-2xl"><span class="text-gray-500">deck&nbsp; </span><span id="deck" class="text-white"></span></div>
17+
<div class="font-mono text-2xl"><span class="text-gray-500">stake </span><span id="stake" class="text-white"></span></div>
1818
</div>
1919
</div>
2020

0 commit comments

Comments
 (0)
⚡