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';
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 {
font-size: smaller;
}
@ -917,7 +922,7 @@ th, tr, td, label {
display: flex;
padding: 5px 0 0 0;
}
#cam-ops-header {
.work-header {
background-color: var(--work-area);
font-size: smaller;
flex-direction: column;
@ -1823,11 +1828,10 @@ th, tr, td, label {
#settings {
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
align-items: stretch;
text-transform: capitalize;
background-color: rgba(255,255,255,0.5);
/* padding: 5px; */
/* gap: 2px; */
}
#settings .set-group {
cursor: pointer;

View file

@ -61,7 +61,7 @@
<div class="grow"></div>
<div id="app-name" class="f-col a-center top-menu">
<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 class="content">
<div id="app-help">
@ -461,7 +461,12 @@
<div class="mid-sep"></div>
<div id="right-work" class="f-col j-center slim-hide">
<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 id="camops" class="f-col a-stretch grow">
<div id="oplist" class="f-col j-center"></div>