fix app name css

This commit is contained in:
Stewart Allen 2024-05-24 23:52:57 -04:00
commit c625ecdb1a
2 changed files with 7 additions and 7 deletions

View file

@ -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 {

View file

@ -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">