Added prettier-plugin-tailwindcss and sorted the classes + some small fixes (#630)

* Added prettier-plugin-tailwindcss and sorted the classes

* Added tsc into staged check + some type improvements
This commit is contained in:
yuri-sakharov
2025-11-30 22:11:52 +02:00
committed by GitHub
parent 73f74d77bb
commit f10cc6d8a5
43 changed files with 271 additions and 183 deletions

View File

@@ -58,8 +58,8 @@ export default function Header() {
}`;
return (
<div className="h-16 flex items-center justify-between bg-white custom-shadow">
<div className="h-16 flex items-center gap-6 min-w-fit ">
<div className="custom-shadow flex h-16 items-center justify-between bg-white">
<div className="flex h-16 min-w-fit items-center gap-6">
<LinkWithSearchParams to={"/installed"} exclude={["tab"]}>
<img
src={LogoHeader}
@@ -67,9 +67,9 @@ export default function Header() {
className="ml-3 w-48 min-w-[80px]"
/>
</LinkWithSearchParams>
<span className="ml-3 w-px h-3/5 bg-gray-200" />
<span className="ml-3 h-3/5 w-px bg-gray-200" />
<div className="inline-block w-full">
<ul className="w-full items-center flex md:flex-row md:justify-between md:mt-0 md:text-sm md:font-normal md:border-0 ">
<ul className="flex w-full items-center md:mt-0 md:flex-row md:justify-between md:border-0 md:text-sm md:font-normal">
<li>
<LinkWithSearchParams
to={"/installed"}
@@ -135,19 +135,19 @@ export default function Header() {
</ul>
</div>
</div>
<div className="h-16 flex items-center text-sm ">
<div className="flex p-1 gap-2 border bottom-gray-200 rounded-sm min-w-max">
<div className="flex h-16 items-center text-sm">
<div className="bottom-gray-200 flex min-w-max gap-2 rounded-sm border p-1">
<img src={WatcherIcon} width={40} height={40} />
<div className="flex flex-col">
<a
href="https://komodor.com/helm-dash/"
className="text-link-color font-bold"
className="font-bold text-link-color"
target="_blank"
rel="noopener noreferrer"
>
<div className="flex font-bold items-center gap-2 min-w-[25%] ">
<div className="flex min-w-[25%] items-center gap-2 font-bold">
Upgrade your HELM experience - Free
<BsBoxArrowUpRight className="w-[14px] h-[14px]" />
<BsBoxArrowUpRight className="h-[14px] w-[14px]" />
</div>
</a>
<label className="text-muted">
@@ -156,7 +156,7 @@ export default function Header() {
</div>
</div>
<span className="w-px h-3/5 bg-gray-200 ml-3" />
<span className="ml-3 h-3/5 w-px bg-gray-200" />
{!clusterMode ? <ShutDownButton /> : null}
</div>
</div>