fix app name css
This commit is contained in:
parent
ec6dc2c171
commit
c625ecdb1a
2 changed files with 7 additions and 7 deletions
|
|
@ -179,7 +179,7 @@ th, tr, td, label {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* top menu bar, drop menus */
|
/* top menu bar, drop menus */
|
||||||
#top {
|
#top, #app-name {
|
||||||
background-color: var(--work-area);
|
background-color: var(--work-area);
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
|
|
@ -242,9 +242,6 @@ th, tr, td, label {
|
||||||
.top-menu > span:hover .top-menu-drop {
|
.top-menu > span:hover .top-menu-drop {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.top-menu-left {
|
|
||||||
align-items: self-start;
|
|
||||||
}
|
|
||||||
.top-menu-left .content {
|
.top-menu-left .content {
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
@ -269,6 +266,7 @@ th, tr, td, label {
|
||||||
.top-menu-drop svg {
|
.top-menu-drop svg {
|
||||||
width: 15px;
|
width: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#top .content {
|
#top .content {
|
||||||
gap: 2px;
|
gap: 2px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -316,9 +314,11 @@ th, tr, td, label {
|
||||||
|
|
||||||
#app-name {
|
#app-name {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
/* top: 50%; */
|
||||||
|
top: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%) translateY(-50%);
|
transform: translateX(-50%);
|
||||||
|
/* transform: translateX(-50%) translateY(-50%); */
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
}
|
}
|
||||||
#app-name {
|
#app-name {
|
||||||
|
|
|
||||||
|
|
@ -60,7 +60,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="grow"></div>
|
<div class="grow"></div>
|
||||||
<div id="app-name" class="f-col a-center top-menu">
|
<div id="app-name" class="f-col a-center top-menu">
|
||||||
<span>
|
<span class="grow">
|
||||||
<span class="km-font">Kiri:Moto</span>
|
<span class="km-font">Kiri:Moto</span>
|
||||||
<div id="app-name-pop" class="top-menu-drop top-menu-center">
|
<div id="app-name-pop" class="top-menu-drop top-menu-center">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue