okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

screen size optimizations

Browse source
This commit is contained in:
booploops 2022-05-26 22:42:20 -07:00
parent def6ee6c8a
commit ada1360578
2 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/renderer/less/directives.less
View file

@ -292,3 +292,35 @@
}
}
}
// screen width is less than 768px
@media (max-width: 1100px) {
#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
flex: unset;
}
#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
min-width: 110px;
font-size: 0em;
.sidebar-icon {
margin: 0px;
}
}
}
@media (max-width: 1000px) {
#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center {
flex: unset;
}
#app.twopanel .app-chrome:not(.chrome-bottom) .app-chrome--center .top-nav-group .app-sidebar-item {
min-width: 60px;
font-size: 0em;
.sidebar-icon {
margin: 0px;
}
}
}

2
src/renderer/views/app/chrome-top.ejs
View file

@ -29,7 +29,7 @@
</div>
<template v-if="getThemeDirective('appNavigation') != 'seperate'">
<div
class="vdiv display--large"
class="vdiv"
v-if="getThemeDirective('windowLayout') == 'twopanel'"
></div>
<div class="app-chrome-item">