iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-30 20:09:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

last change

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-08-13 05:24:15 +08:00
parent 461c2f45c1
commit 9759550858
1 changed files with 121 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/App.svelte
View File

@@ -6,6 +6,10 @@
</script> </script>
<main> <main>
<div class="fixed h-10 w-full bg-gray-100 shadow-md">
<b class="text-center" />
</div>
<ul class="menu__ham"> <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">
@@ -34,8 +38,8 @@
</ul> </ul>
</ul> </ul>
<!--<ul class="menu__main">--> <ul class="menu__main">
<div class="bg-cover bg-gray-50"> <div class="bg-cover bg-gray-50 pt-16">
<Route path="/"> <Route path="/">
<!-- Card Container --> <!-- Card Container -->
<div class="grid place-items-center mx-2 sm:my-auto"> <div class="grid place-items-center mx-2 sm:my-auto">
@@ -160,7 +164,7 @@
</div> </div>
</Route> </Route>
</div> </div>
<!--</ul>--> </ul>
</main> </main>
<style lang="postcss" global> <style lang="postcss" global>
@@ -194,36 +198,15 @@
} }
*/ */
/*
.menu__main {
background-color: #dfdfdf;
}
*/
/*
.menu__main {
min-width: 100%;
min-height: 100%;
position: relative;
}
*/
html {
height: 100%;
}
body {
min-height: 100%;
}
.menu__btn { .menu__btn {
display: flex; display: flex;
align-items: center; align-items: center;
position: fixed; position: fixed;
z-index: 1; z-index: 1;
top: 20px; top: 10px;
left: 20px; left: 20px;
width: 26px; width: 20px;
height: 26px; height: 20px;
cursor: pointer; cursor: pointer;
} }
@@ -279,4 +262,17 @@
.menu__item:hover { .menu__item:hover {
background-color: #cfd8dc; background-color: #cfd8dc;
} }
.upper__bar {
background-color: rgba(51, 51, 51, 0.144);
height: 70px;
position: fixed;
z-index: -1;
top: 0px;
left: 0;
width: 100%;
margin: 0;
padding: 0;
box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.2);
}
</style> </style>