edit the example layout to add more details
This commit is contained in:
@@ -14,6 +14,10 @@
|
||||
<ref id="multi-button-item"/>
|
||||
</node>
|
||||
</layout>
|
||||
<layout id="rounded-inside">
|
||||
<border thickness="2" border-color=".9" color=".4" height="100%" pad="10">
|
||||
</border>
|
||||
</layout>
|
||||
<layout id="main">
|
||||
<node dir="col" wrap="0" width="100%" height="100%" pad="5">
|
||||
<!-- toolbar -->
|
||||
@@ -22,13 +26,14 @@
|
||||
<ref id="multi-button"/>
|
||||
<ref id="multi-button"/>
|
||||
<ref id="button"></ref>
|
||||
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color="1"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color="1"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color="1"></border>
|
||||
<separator width="10" />
|
||||
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color="1"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color="1"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color="1"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color=".5"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".5"></border>
|
||||
<separator width="10" />
|
||||
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".7"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color=".7"></border>
|
||||
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".7"></border>
|
||||
<separator width="10" />
|
||||
<border width="50" margin="0 5 0 0"></border>
|
||||
<border width="50" margin="0 5 0 0"></border>
|
||||
@@ -38,28 +43,26 @@
|
||||
<plane grow="1" dir="row" wrap="1" height="0">
|
||||
<!-- side bar -->
|
||||
<plane width="200" height="100%" dir="col" color=".2">
|
||||
<plane pad="15" margin="0 0 10 0" color=".3" width="100%" height="auto">
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
</plane>
|
||||
<plane pad="15" margin="0 0 10 0" color=".3" width="100%" height="auto">
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
<plane height="30" color=".4" />
|
||||
</plane>
|
||||
<border pad="15" margin="10 0 10 0" color=".3" width="100%" height="auto">
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
</border>
|
||||
<border pad="15" margin="0 0 10 0" color=".3" width="100%" height="auto">
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
<border height="30" color=".4" />
|
||||
</border>
|
||||
</plane>
|
||||
<!-- content panel -->
|
||||
<plane width="1" grow="1" height="100%" pad="30" wrap="1">
|
||||
<border thickness="5" border-color="1" color=".4" height="100%" pad="10">
|
||||
<shape type="round-rect" border-color=".5" thickness="4" width="100%" height="100%"></shape>
|
||||
</border>
|
||||
<plane width="1" grow="1" height="100%" pad="10" wrap="1">
|
||||
<ref id="rounded-inside"/>
|
||||
</plane>
|
||||
</plane>
|
||||
<!-- status bar -->
|
||||
<plane height="30" width="100%" />
|
||||
<border height="30" width="100%" color=".15" border-color=".3" />
|
||||
</node>
|
||||
</layout>
|
||||
</root>
|
||||
|
||||
Reference in New Issue
Block a user