Change subapp style to keep its header fixed on the screen.
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful

This commit is contained in:
Madeorsk 2024-09-23 22:57:17 +02:00
parent 8b57732722
commit 7386c55952
Signed by: Madeorsk
GPG key ID: 677E51CA765BB79F
3 changed files with 30 additions and 1 deletions

View file

@ -500,6 +500,28 @@ export function DemoApp()
<button onClick={easySubapp}>
Easy with callable subapp
</button>
<button onClick={() => {
subapps.open(
<Subapp title={"Very long subapp"}>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
<Card><p>A test content.</p></Card>
</Subapp>
)
}}>A long subapp
</button>
</Card>
<h3>Modals</h3>

View file

@ -1,5 +1,5 @@
{
"version": "1.3.1",
"version": "1.3.2",
"name": "@kernelui/core",
"description": "Kernel UI Core.",
"scripts": {

View file

@ -7,6 +7,9 @@
top: @subapp-margin;
left: @subapp-margin;
display: flex;
flex-direction: column;
width: calc(100% - (2 * @subapp-margin));
height: calc(100% - (2 * @subapp-margin));
border-radius: 0.25em;
@ -64,6 +67,10 @@
> main
{
flex: 1;
padding: 1em;
overflow: auto;
}
}