You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
getcryst.al/components/AmePreview.tsx

71 lines
2.6 KiB
TypeScript

const AmePreview = () => (
<div className="h-fit w-full select-none overflow-hidden whitespace-nowrap rounded-lg border border-ctp-crust bg-ctp-mantle p-5 font-fira-code font-bold shadow-lg shadow-ctp-crust md:w-auto md:text-base [&_p]:text-xs [&_p]:md:text-base">
<p className="font-normal text-ctp-blue">{"~"}</p>
<p className="font-normal">
<span className="text-ctp-blue">{">"}</span>
<span className="text-ctp-green">{" ame"}</span>
{" install neovim-git"}
</p>
<p className="font-normal text-ctp-green">All packages found</p>
<p className="text-ctp-green">neovim-git</p>
<p>
Do you want to install these packages and package dependencies?
<span className="font-normal">{" yes"}</span>
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>
Downloading sources
</p>
<p>
neovim-git:{" "}
<span className="font-normal text-ctp-green">Downloaded!</span>
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>All sources are ready.
</p>
<p>
Select packages to review:
<span className="font-normal">{" No selections"}</span>
</p>
<p>
Do you still want to install those packages?
<span className="font-normal">{" yes"}</span>
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>Installing 1 package
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>Building packages
</p>
<p>
neovim-git:
<span className="font-normal text-ctp-green">{" Built!"}</span>
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>Built 1 package
</p>
<p>
<span className="text-ctp-maroon">{"❖ "}</span>Installing packages
</p>
<p className="font-normal">doas (marsh@town) password: </p>
<p className="font-normal">loading packages...</p>
<p className="font-normal">resolving dependencies...</p>
<p className="font-normal">looking for conflicting packages...</p>
<p className="mt-4">
Packages (1)<span className="font-normal">{" neovim-git"}</span>
<span className="text-ctp-surface2">{"-0.7.0.r1848.g622968d7b3-1"}</span>
</p>
<p className="mt-4">
Total Installed Size:<span className="font-bold">{" 34.36 MiB"}</span>
</p>
<p>
Net Upgrade Size:<span className="font-bold">{" 0.19 MiB"}</span>
</p>
<p className="mt-4 flex items-center gap-2 after:inline-block after:h-[20px] after:w-[10px] after:animate-blink after:bg-ctp-rosewater after:content-['']">
<span className="text-ctp-blue">{":: "}</span>Proceed with installation?
[Y/n]
</p>
</div>
);
export default AmePreview;