github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: spreadsheet layout loader border (#4786)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-06-12 18:48:18 +05:30 committed by GitHub
parent aeec219f6d
commit a0152cab55
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/core/components/ui/loader/layouts/spreadsheet-layout-loader.tsx
View File

@ -1,7 +1,7 @@
import { getRandomLength } from "../utils";
export const SpreadsheetIssueRowLoader = (props: { columnCount: number }) => (
<tr className="border-b border-custom-border-80 bg-custom-background-100">
<tr className="border-b border-custom-border-200 bg-custom-background-100">
<td className="h-11 min-w-[28rem] z-[10] sticky left-0 flex items-center border-r-[0.5px] border-custom-border-200 bg-custom-background-100">
<div className="flex items-center gap-3 px-3">
<span className="h-5 w-10 bg-custom-background-80 rounded animate-pulse" />
@ -11,7 +11,7 @@ export const SpreadsheetIssueRowLoader = (props: { columnCount: number }) => (
</div>
</td>
{[...Array(props.columnCount)].map((_, colIndex) => (
<td key={colIndex} className="h-11 w-full min-w-[8rem] border-r border-custom-border-80 ">
<td key={colIndex} className="h-11 w-full min-w-[8rem] border-r border-custom-border-200 ">
<div className="flex items-center justify-center gap-3 px-3">
<span className="h-5 w-20 bg-custom-background-80 rounded animate-pulse" />
</div>
@ -25,11 +25,11 @@ export const SpreadsheetLayoutLoader = () => (
<table>
<thead>
<tr>
<th className="h-11 min-w-[28rem] bg-custom-background-90 border-r border-custom-border-100 animate-pulse" />
<th className="h-11 min-w-[28rem] bg-custom-background-90 border-r border-custom-border-200 animate-pulse" />
{[...Array(10)].map((_, index) => (
<th
key={index}
className="h-11 w-full min-w-[8rem] bg-custom-background-90 border-r border-custom-border-100 animate-pulse"
className="h-11 w-full min-w-[8rem] bg-custom-background-90 border-r border-custom-border-200 animate-pulse"
/>
))}
</tr>