mirror of
https://github.com/antopilo/Nuake.git
synced 2026-09-15 20:08:54 +03:00
UI text alignment work
This commit is contained in:
@@ -1,13 +1,51 @@
|
||||
.screen{
|
||||
.screen {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
align-content:flex-start;
|
||||
}
|
||||
|
||||
.rect{
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
.logo {
|
||||
width: 500px;
|
||||
height: 50%;
|
||||
margin: 0px 0px 0px 0px;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.panel {
|
||||
display: flex;
|
||||
height: 33%;
|
||||
width: 33%;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.panel-top {
|
||||
width: 100%;
|
||||
height: 75%;
|
||||
justify-content: flex-start;
|
||||
flex-direction:column;
|
||||
}
|
||||
|
||||
.panel-bottom {
|
||||
width:100%;
|
||||
height: 25%;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
.rect {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.normal-text {
|
||||
font-size: 2.0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user