better scale down behavior
This commit is contained in:
parent
8b92426c51
commit
61cd87237e
2 changed files with 15 additions and 6 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue