better scale down behavior

This commit is contained in:
Stewart Allen 2024-05-23 10:22:47 -04:00
commit 61cd87237e
2 changed files with 15 additions and 6 deletions

View file

@ -22,7 +22,12 @@
font-family: 'Russo One'; font-family: 'Russo One';
src: url('/moto/russo-one.ttf'); src: url('/moto/russo-one.ttf');
} }
@media only screen and (max-width : 1024px) { @media only screen and (max-width : 1000px) {
.top-menu > span > label {
display: none;
}
}
@media only screen and (max-width : 1200px) {
#top { #top {
font-size: smaller; font-size: smaller;
} }
@ -917,7 +922,7 @@ th, tr, td, label {
display: flex; display: flex;
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
#cam-ops-header { .work-header {
background-color: var(--work-area); background-color: var(--work-area);
font-size: smaller; font-size: smaller;
flex-direction: column; flex-direction: column;
@ -1823,11 +1828,10 @@ th, tr, td, label {
#settings { #settings {
max-height: 100%; max-height: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
align-items: stretch; align-items: stretch;
text-transform: capitalize; text-transform: capitalize;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
/* padding: 5px; */
/* gap: 2px; */
} }
#settings .set-group { #settings .set-group {
cursor: pointer; cursor: pointer;

View file

@ -61,7 +61,7 @@
<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>
<label class="km-font">Kiri:Moto</label> <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">
<div id="app-help"> <div id="app-help">
@ -461,7 +461,12 @@
<div class="mid-sep"></div> <div class="mid-sep"></div>
<div id="right-work" class="f-col j-center slim-hide"> <div id="right-work" class="f-col j-center slim-hide">
<div class="chonk"></div> <div class="chonk"></div>
<div id="cam-ops-header"><span>CNC</span><span>operations</span></div> <div class="work-header"><span>workspace</span></div>
<div class="chonk"></div>
<div id="workspace-tool">
</div>
<div class="work-header"><span>CNC</span><span>operations</span></div>
<div class="chonk"></div> <div class="chonk"></div>
<div id="camops" class="f-col a-stretch grow"> <div id="camops" class="f-col a-stretch grow">
<div id="oplist" class="f-col j-center"></div> <div id="oplist" class="f-col j-center"></div>