fix viewmode height, update other ui stuff

This commit is contained in:
Eduard Gert
2026-05-27 16:40:57 +02:00
parent ec5da43d73
commit b84c7618e7
18 changed files with 92 additions and 84 deletions
@@ -31,16 +31,12 @@ export const EmptyState = ({
<div className={cn("py-12 text-center", className)}>
<div
className={
"flex flex-col items-center justify-center max-w-sm mx-auto"
"flex flex-col items-center justify-center max-w-sm mx-auto relative top-7"
}
>
<SquareIcon icon={icon} className={"mb-3"} />
<p className={"text-base font-semibold text-nb-gray-200 mb-1"}>
{title}
</p>
{description && (
<p className={"text-sm text-nb-gray-350"}>{description}</p>
)}
<p className={"text-base font-semibold text-nb-gray-200 mb-1"}>{title}</p>
{description && <p className={"text-sm text-nb-gray-350"}>{description}</p>}
{learnMoreUrl && learnMoreTopic && (
<p className={"text-sm text-nb-gray-350"}>
{t("common.learnMoreAbout")}{" "}
@@ -57,10 +53,7 @@ export const EmptyState = ({
)}
>
{learnMoreTopic}
<ExternalLinkIcon
size={12}
className={"shrink-0"}
/>
<ExternalLinkIcon size={12} className={"shrink-0"} />
</a>
</p>
)}
@@ -1,4 +1,4 @@
import { UnplugIcon } from "lucide-react";
import { GlobeOffIcon } from "lucide-react";
import { useTranslation } from "react-i18next";
import { EmptyState } from "./EmptyState";
@@ -7,11 +7,11 @@ export const NotConnectedState = () => {
return (
<div
className={
"h-full min-h-[260px] flex items-center justify-center px-6"
"h-full min-h-[260px] flex-1 flex items-center justify-center px-6 pb-20 top-1 relative"
}
>
<EmptyState
icon={UnplugIcon}
icon={GlobeOffIcon}
title={t("notConnected.title")}
description={t("notConnected.description")}
/>