Element Bug Fixes
This commit is contained in:
10
README.md
10
README.md
@@ -2,8 +2,6 @@
|
||||
|
||||
An Arch Linux terminal-themed portfolio website with Hyprland-style TUI components, built with SvelteKit, Tailwind CSS, and Three.js.
|
||||
|
||||

|
||||
|
||||
## Features
|
||||
|
||||
- 🖥️ **Hyprland-style TUI** - Terminal interface inspired by Textual Python TUI
|
||||
@@ -252,6 +250,7 @@ All line types support these optional properties:
|
||||
inline: true, // Render as compact inline button
|
||||
// OR
|
||||
action: () => doSomething(), // Custom action
|
||||
border: false, // Disable default border (default: true)
|
||||
}
|
||||
```
|
||||
|
||||
@@ -310,7 +309,10 @@ Supported inline types: `button`, `link`, `tooltip`, `progress`, `output`, `info
|
||||
display: 'flex', // flex | grid | block (controls children layout)
|
||||
children: [ // Optional nested elements
|
||||
{ type: 'button', content: 'Action', style: 'primary' }
|
||||
]
|
||||
],
|
||||
cardWidth: '1/2', // Width (string fraction, decimal, or px)
|
||||
cardHeight: 300, // Height (string fraction, decimal, or px)
|
||||
cardFloat: 'center', // start | center | end
|
||||
}
|
||||
```
|
||||
|
||||
@@ -379,6 +381,8 @@ Groups allow you to arrange multiple elements together with custom layout:
|
||||
groupDirection: 'row', // row | column (default: row)
|
||||
groupAlign: 'start', // start | center | end
|
||||
groupGap: '1rem', // CSS gap value
|
||||
groupGap: '1rem', // CSS gap value
|
||||
groupExpand: true, // Expand children to fill width (default: false)
|
||||
inline: true, // Render inline with other elements
|
||||
children: [
|
||||
{ type: 'output', content: 'Label:', inline: true },
|
||||
|
||||
Reference in New Issue
Block a user