albert/hostinfo
1
0
Fork 0
mirror of https://github.com/skidoodle/hostinfo synced 2025-03-16 13:59:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

almost there

Browse source
This commit is contained in:
skidoodle 2025-03-15 17:22:38 +01:00
parent 38e6f714cb
commit 5eb326de05
No known key found for this signature in database
273 changed files with 230 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/Error.tsx
View file

@ -1,12 +1,12 @@
export default function Error({ error }: { error: string }) {
return (
<div className="min-w-[300px] bg-gray-900 shadow-2xl p-6 text-white font-sans">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Error
</h2>
</div>
<div className="flex items-center space-x-3">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Error
</h2>
</div>
<div className="flex items-center space-x-3">
<div>
<p className="text-sm text-gray-300">{error}</p>
</div>

24
components/ServerInfo.tsx
View file

@ -5,12 +5,12 @@ export default function ServerInfo({ data }: { data: ServerData }) {
if (data.isBrowserResource) {
return (
<div className="min-w-[300px] bg-gray-900 shadow-2xl p-6 text-white font-sans">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Browser Resource
</h2>
</div>
<div className="flex items-center space-x-3">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Browser Resource
</h2>
</div>
<div className="flex items-center space-x-3">
<div>
<p className="text-sm text-gray-300">The requested document was obtained from the local computer</p>
</div>
@ -22,12 +22,12 @@ export default function ServerInfo({ data }: { data: ServerData }) {
if (data.isLocal) {
return (
<div className="min-w-[300px] bg-gray-900 shadow-2xl p-6 text-white font-sans">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Internal Network
</h2>
</div>
<div className="flex items-center space-x-3">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
Internal Network
</h2>
</div>
<div className="flex items-center space-x-3">
<ServerIcon className="w-6 h-6 text-yellow-400 flex-shrink-0" />
<div>
<p className="text-sm text-gray-400">IP Address</p>

24
components/Spinner.tsx
View file

@ -1,24 +0,0 @@
export function Spinner({ className }: { className?: string }) {
return (
<svg
className={`animate-spin ${className}`}
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
>
<circle
className="opacity-25"
cx="12"
cy="12"
r="10"
stroke="currentColor"
strokeWidth="4"
/>
<path
className="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
/>
</svg>
);
}