SVI/Proxmox
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix layout issue in ScriptItem component

Browse Source
This commit is contained in:
Bram Suurd
2024-05-06 21:05:06 +02:00
parent dd2c26339c
commit aef940e64a
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/scripts/page.tsx
View File

@@ -11,7 +11,7 @@ export default function Page() {
className="animate-fade-in absolute inset-0 -z-10"
quantity={100}
/>
<div className="mt-20 flex">
<div className="mt-20 flex max-w-screen sm:max-w-full">
<div className="hidden sm:flex">
<ScriptBrowser />
</div>

6
components/Script.tsx
View File

@@ -64,10 +64,10 @@ function ScriptItem() {
<div className="h-full w-full">
<Suspense fallback={null}>
{item && (
<div className="sm:fixed sm:ml-10 mt-0 flex h-screen w-full sm:max-w-4xl max-w-screen">
<div className="mt-0 flex h-screen w-full sm:fixed sm:ml-10 sm:max-w-4xl">
<div className="mr-4 flex w-full flex-col">
<h2 className="text-xl font-semibold">Last viewed</h2>
<div className="flex mt-5 justify-between">
<div className="mt-5 flex justify-between">
<div className="flex">
<Image
className="h-32 w-32 rounded-lg bg-accent object-contain p-3"
@@ -122,7 +122,7 @@ function ScriptItem() {
</div>
</div>
</div>
<div className="flex flex-col justify-between gap-2">
<div className="sm:flex flex-col justify-between gap-2 hidden">
<div>
{item.port !== 0 && (
<div className="flex items-center justify-end">