mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-26 03:01:51 +08:00
Add flexbox test pages
This commit is contained in:
25
apps/app/ui-tests-app/flexbox/flexbox-demo.css
Normal file
25
apps/app/ui-tests-app/flexbox/flexbox-demo.css
Normal file
@ -0,0 +1,25 @@
|
||||
#body {
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
.flex-item {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header, .footer {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 5;
|
||||
height: 60%;
|
||||
background-color: lightsalmon;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
flex: 1;
|
||||
background-color: lightblue;
|
||||
}
|
Reference in New Issue
Block a user