Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix left skeleton

Browse Source
This commit is contained in:
Michael Freno
2025-12-22 19:12:12 -05:00
parent a9c9ae023c
commit 87168a42ed
6 changed files with 57 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/SkeletonLoader.tsx
View File

@@ -1,4 +1,3 @@
import { JSX } from "solid-js";
import { Spinner } from "~/components/Spinner";
interface SkeletonProps {
@@ -8,7 +7,7 @@ interface SkeletonProps {
export function SkeletonBox(props: SkeletonProps) {
return (
<div
class={`bg-surface0 text-overlay0 flex items-center justify-center rounded ${props.class || ""}`}
class={`bg-surface0 flex items-center justify-center rounded ${props.class || ""}`}
aria-label="Loading..."
role="status"
>
@@ -20,7 +19,7 @@ export function SkeletonBox(props: SkeletonProps) {
export function SkeletonText(props: SkeletonProps) {
return (
<div
class={`bg-surface0 text-overlay0 inline-flex h-4 items-center rounded px-2 ${props.class || ""}`}
class={`bg-surface0 inline-flex items-center rounded px-2 pt-1 ${props.class || ""}`}
aria-label="Loading..."
role="status"
>
@@ -32,7 +31,7 @@ export function SkeletonText(props: SkeletonProps) {
export function SkeletonCircle(props: SkeletonProps) {
return (
<div
class={`bg-surface0 text-overlay0 flex items-center justify-center rounded-full ${props.class || ""}`}
class={`bg-surface0 flex items-center justify-center rounded-full ${props.class || ""}`}
aria-label="Loading..."
role="status"
>