mirror of
https://github.com/netbirdio/netbird.git
synced 2026-09-20 05:39:07 +02:00
fix viewmode height, update other ui stuff
This commit is contained in:
@@ -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")}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user