mirror of
https://github.com/esiur/esiur-js.git
synced 2025-05-06 12:32:58 +00:00
68 lines
793 B
CSS
68 lines
793 B
CSS
|
|
.app
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.app-tool-bar
|
|
{
|
|
display: flex;
|
|
width: 100%;
|
|
height: 60px;
|
|
background-color: var(--default-background-color);
|
|
}
|
|
|
|
.app-center
|
|
{
|
|
flex: 1;
|
|
width: 100%;
|
|
display: flex;
|
|
background-color: yellow;
|
|
}
|
|
|
|
.app-content
|
|
{
|
|
flex: 1;
|
|
}
|
|
|
|
.app-menu
|
|
{
|
|
min-width: 300px;
|
|
background-color: red;
|
|
}
|
|
|
|
.app-status-bar
|
|
{
|
|
height: 60px;
|
|
background-color: blue;
|
|
|
|
}
|
|
|
|
.browser
|
|
{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.browser > .bar
|
|
{
|
|
width: 100%;
|
|
flex-grow:2;
|
|
height: 40px;
|
|
}
|
|
|
|
.browser > .table:nth-child(2)
|
|
{
|
|
width: 200px;
|
|
height: calc(100% - 40px);
|
|
}
|
|
|
|
.browser > .table:nth-child(3)
|
|
{
|
|
width: calc(100% - 200px);
|
|
height: calc(100% - 40px);
|
|
}
|