set up new workflow and migrate to .forgejo dir (#5)
Some checks failed
Deploy / deploy (push) Failing after 39s
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
This commit is contained in:
parent
c37955c51b
commit
f526f5c0aa
99 changed files with 1866 additions and 1470 deletions
|
|
@ -1,27 +1,33 @@
|
|||
### dock
|
||||
|
||||
Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen
|
||||
|
||||
[dock docs](https://daisyui.com/components/dock/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `dock`
|
||||
- part: `dock-label`
|
||||
- modifier: `dock-active`
|
||||
- size: `dock-xs`, `dock-sm`, `dock-md`, `dock-lg`, `dock-xl`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<div class="dock {MODIFIER}">{CONTENT}</div>
|
||||
```
|
||||
|
||||
where content is a list of buttons:
|
||||
|
||||
```html
|
||||
<button>
|
||||
<svg>{icon}</svg>
|
||||
<span class="dock-label">Text</span>
|
||||
<svg>{icon}</svg>
|
||||
<span class="dock-label">Text</span>
|
||||
</button>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the size class names
|
||||
- To make a button active, add `dock-active` class to the button
|
||||
- add `<meta name="viewport" content="viewport-fit=cover">` is required for responsiveness of the dock in iOS
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue