iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-26 15:02:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed bug with side menu

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-10-16 06:33:15 +08:00
parent bd9325eebb
commit eaae5c7708
1 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/App.svelte
View File

@@ -83,32 +83,30 @@
<b class="text-center" /> <b class="text-center" />
</div> </div>
<ul class="menu__ham"> <input id="menu__toggle" type="checkbox" />
<input id="menu__toggle" type="checkbox" /> <label class="menu__btn" for="menu__toggle">
<label class="menu__btn" for="menu__toggle"> <span />
<span /> </label>
</label>
<ul class="menu__box"> <ul class="menu__box">
<li> <li>
<a class="menu__item" href="/">{"Управление"}</a> <a class="menu__item" href="/">{"Управление"}</a>
</li> </li>
<li> <li>
<a class="menu__item" href="/config">{"Конфигуратор"}</a> <a class="menu__item" href="/config">{"Конфигуратор"}</a>
</li> </li>
<li> <li>
<a class="menu__item" href="/connection">{"Подключение"}</a> <a class="menu__item" href="/connection">{"Подключение"}</a>
</li> </li>
<li> <li>
<a class="menu__item" href="/utilities">{"Утилиты"}</a> <a class="menu__item" href="/utilities">{"Утилиты"}</a>
</li> </li>
<li> <li>
<a class="menu__item" href="/log">{"Лог"}</a> <a class="menu__item" href="/log">{"Лог"}</a>
</li> </li>
<li> <li>
<a class="menu__item" href="/about">{"О проекте"}</a> <a class="menu__item" href="/about">{"О проекте"}</a>
</li> </li>
</ul>
</ul> </ul>
<ul class="menu__main"> <ul class="menu__main">
@@ -238,7 +236,7 @@
#menu__toggle:checked ~ .menu__main { #menu__toggle:checked ~ .menu__main {
margin-left: 150px; /* насколько сужать правую часть */ margin-left: 150px; /* насколько сужать правую часть */
/* transition-duration: 0.25s; */ transition-duration: 0.25s;
} }
.menu__btn { .menu__btn {
@@ -288,10 +286,6 @@
transition-duration: 0.25s; transition-duration: 0.25s;
} }
.menu__ham {
position: fixed;
}
.menu__item { .menu__item {
display: block; display: block;
padding: 12px 24px; padding: 12px 24px;