Add landing page for kjol, documentation
This commit is contained in:
@@ -45,14 +45,14 @@ const (
|
||||
PrettyTableSizeSuperCompact PrettyTableSize = 2
|
||||
)
|
||||
|
||||
const ptTblContainer = "relative flex flex-col w-full h-full bg-white rounded-default overflow-hidden"
|
||||
const ptTblContainer = "relative flex flex-col w-full h-full bg-surface rounded-default overflow-hidden"
|
||||
const ptTblWrapper = "overflow-x-auto w-full"
|
||||
const ptTblBase = "min-w-full"
|
||||
const ptHeaderContent = "transition-transform duration-150 ease-in-out"
|
||||
const ptHeaderInnerBase = "flex justify-between gap-2 items-center"
|
||||
|
||||
var ptHeaderColorCls = map[PrettyTableHeaderColor]string{
|
||||
PrettyTableColorDefault: "bg-neutral-50",
|
||||
PrettyTableColorDefault: "bg-surface-muted",
|
||||
PrettyTableColorBlue: "bg-sky-700 text-white",
|
||||
PrettyTableColorGreen: "bg-green-700 text-white",
|
||||
PrettyTableColorGray: "bg-neutral-600 text-white",
|
||||
@@ -70,11 +70,11 @@ var ptHeaderTextCls = map[PrettyTableHeaderColor]string{
|
||||
// ptRowHoverCls is applied to the tbody when Hover is on (matches the TSX
|
||||
// PT_ROW_HOVER_CLS map).
|
||||
var ptRowHoverCls = map[PrettyTableHeaderColor]string{
|
||||
PrettyTableColorDefault: "[&_tr:hover]:!bg-neutral-200",
|
||||
PrettyTableColorBlue: "[&_tr:hover]:!bg-sky-100",
|
||||
PrettyTableColorGreen: "[&_tr:hover]:!bg-green-100",
|
||||
PrettyTableColorGray: "[&_tr:hover]:!bg-neutral-200",
|
||||
PrettyTableColorDarkBlue: "[&_tr:hover]:!bg-sky-100",
|
||||
PrettyTableColorDefault: "[&_tr:hover]:!bg-surface-strong",
|
||||
PrettyTableColorBlue: "[&_tr:hover]:!bg-sky-100 dark:bg-sky-900",
|
||||
PrettyTableColorGreen: "[&_tr:hover]:!bg-green-100 dark:bg-green-900",
|
||||
PrettyTableColorGray: "[&_tr:hover]:!bg-surface-strong",
|
||||
PrettyTableColorDarkBlue: "[&_tr:hover]:!bg-sky-100 dark:bg-sky-900",
|
||||
}
|
||||
|
||||
var ptHeaderPaddingCls = map[PrettyTableSize]string{
|
||||
@@ -127,13 +127,13 @@ type PrettyTableOptions struct {
|
||||
func prettyTableBodyClass(o PrettyTableOptions) string {
|
||||
c := ptBodyPaddingCls[o.Size]
|
||||
if o.BorderY {
|
||||
c = cx(c, "[&_td+td]:border-l [&_td+td]:border-neutral-300")
|
||||
c = cx(c, "[&_td+td]:border-l [&_td+td]:border-line-strong")
|
||||
}
|
||||
if o.Alternate {
|
||||
c = cx(c, "[&_tr:nth-child(even)]:bg-neutral-100")
|
||||
c = cx(c, "[&_tr:nth-child(even)]:bg-surface-raised")
|
||||
}
|
||||
if o.BorderX {
|
||||
c = cx(c, "[&_tr:not(:last-child)]:border-b [&_tr:not(:last-child)]:border-neutral-300")
|
||||
c = cx(c, "[&_tr:not(:last-child)]:border-b [&_tr:not(:last-child)]:border-line-strong")
|
||||
}
|
||||
if o.Hover {
|
||||
c = cx(c, ptRowHoverCls[o.Color])
|
||||
@@ -146,7 +146,7 @@ func prettyTableBodyClass(o PrettyTableOptions) string {
|
||||
func PrettyTable(columns []PrettyTableColumn, opts PrettyTableOptions, children ...*vdom.VNode) *vdom.VNode {
|
||||
containerCls := ptTblContainer
|
||||
if opts.SurroundingBorder {
|
||||
containerCls = cx(containerCls, "border border-neutral-300")
|
||||
containerCls = cx(containerCls, "border border-line-strong")
|
||||
}
|
||||
if opts.Shadow {
|
||||
containerCls = cx(containerCls, "shadow-sm")
|
||||
@@ -178,7 +178,7 @@ func PrettyTable(columns []PrettyTableColumn, opts PrettyTableOptions, children
|
||||
))
|
||||
}
|
||||
|
||||
thead := vdom.Thead(vdom.Attr("class", "[&_th]:border-b [&_th]:border-neutral-300"),
|
||||
thead := vdom.Thead(vdom.Attr("class", "[&_th]:border-b [&_th]:border-line-strong"),
|
||||
vdom.Tr(kids(nil, headerCells)...),
|
||||
)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user