Dadido3/D3vugu-components
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
200feb5bbc
D3vugu-components/page-home.vugu

70 lines
2.4 KiB
Plaintext
Raw Normal View History

Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<div>
<layout:Container>
<h1>Home</h1>
<p>Lorem ipsum dolor sit am et</p>
<view:Code>
asdfefefeaf afe aef aef aef aef aef<br>
asdwfaefa efae fae faef ae<br>
u4iewgooijqoie ioigq oiegq eog qoeg
</view:Code>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<h2>Buttons</h2>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<input:Button>
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<input:Button>
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<input:Button>
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe></icons:LGlobe></vg-slot>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
<vg-slot name="DefaultSlot">Some Button</vg-slot>
</input:Button>
<p>Some <view:CodeInline>inlined code</view:CodeInline> in this line!</p>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<h2>Tags</h2>
Add color to tags on example home page
2023-05-27 11:43:48 +00:00
This is some tag: <view:Tag class="d3c-color-attention">Some Tag</view:Tag> and <view:Tag class="d3c-color-attention">Another Tag</view:Tag>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<h2>List Container</h2>
<layout:ListContainer>
Rework colors and theming - Add example colors page - Store all theme colors in CSS variables - Add layer container component - Use accent color for active pagination page - Automatically use layer-1 color in sidebar, sidebar menu and code containers - Adjust tag padding - Add base color scheme/theme
2023-05-18 11:55:48 +00:00
<layout:LayerContainer vg-for="i := 0; i < 5; i++" class="list-item d3c-color-layer-1">
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
<icons:LInfoCircle></icons:LInfoCircle>
<div vg-content="i"></div>
<div>Some Content!</div>
Rework colors and theming - Add example colors page - Store all theme colors in CSS variables - Add layer container component - Use accent color for active pagination page - Automatically use layer-1 color in sidebar, sidebar menu and code containers - Adjust tag padding - Add base color scheme/theme
2023-05-18 11:55:48 +00:00
</layout:LayerContainer>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
</layout:ListContainer>
Add navigation button example - Add d3c-button-vertical class to buttons
2023-05-17 10:34:48 +00:00
<h2>Navigation buttons</h2>
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0.5em 0;">
Remove margin from input elements - Remove margin from button - Remove margin from dropdown - Remove margin from input field - Remove margin from sidebar entry - Remove unnecessary margin: 0 definitions - Fix sidebar due to removed button margin - Replace modal requester paragraph with span - Replace simple toast paragraph with span
2023-05-27 21:48:57 +00:00
<input:Button class="d3c-button-vertical">
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
Add navigation button example - Add d3c-button-vertical class to buttons
2023-05-17 10:34:48 +00:00
<vg-slot name="DefaultSlot">Navigation 1</vg-slot>
</input:Button>
Remove margin from input elements - Remove margin from button - Remove margin from dropdown - Remove margin from input field - Remove margin from sidebar entry - Remove unnecessary margin: 0 definitions - Fix sidebar due to removed button margin - Replace modal requester paragraph with span - Replace simple toast paragraph with span
2023-05-27 21:48:57 +00:00
<input:Button class="d3c-button-vertical">
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
Add navigation button example - Add d3c-button-vertical class to buttons
2023-05-17 10:34:48 +00:00
<vg-slot name="DefaultSlot">Navigation 2</vg-slot>
</input:Button>
Remove margin from input elements - Remove margin from button - Remove margin from dropdown - Remove margin from input field - Remove margin from sidebar entry - Remove unnecessary margin: 0 definitions - Fix sidebar due to removed button margin - Replace modal requester paragraph with span - Replace simple toast paragraph with span
2023-05-27 21:48:57 +00:00
<input:Button class="d3c-button-vertical">
Add input field and a lot of other fixes - Add input field and general data binding - Rename SymbolSlot to IconSlot - Remove d3c-color-accent - Update icons page - Add input example page - Update button to support highlighting - Update navigation entry to support highlighting - Add d3c-button-only-icon to button and let sidebar use that - Use d3c-button-transparent in sidebar - Add focus indicator to buttons - Rename CSS color variables and change definition of some - Let pagination use input:Button - Add some padding to the inline code component
2023-05-25 13:59:13 +00:00
<vg-slot name="IconSlot"><icons:LGlobe style="font-size: 2em;"></icons:LGlobe></vg-slot>
Add navigation button example - Add d3c-button-vertical class to buttons
2023-05-17 10:34:48 +00:00
<vg-slot name="DefaultSlot">Navigation 3</vg-slot>
</input:Button>
</div>
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
</layout:Container>
</div>
<style>
Add tag and list container components - Update example pages - Move some structures from go into vugu files - Change sidebar Navigate to MustNavigate
2023-05-17 19:37:24 +00:00
.list-item {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
Add utils package - Add AttributesAppend type - Add icon class and add styles to icons - Change elements to use AttributesAppend in vg-attr - Move example icons into their own component
2023-05-15 06:58:12 +00:00
</style>
<script type="application/x-go">
import (
"git.d3nexus.de/Dadido3/D3vugu-components/components/layout"
"git.d3nexus.de/Dadido3/D3vugu-components/components/view"
"git.d3nexus.de/Dadido3/D3vugu-components/components/input"
"git.d3nexus.de/Dadido3/D3vugu-components/icons"
)
type PageHome struct {}
</script>
Reference in New Issue Copy Permalink