diff options
| author | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
|---|---|---|
| committer | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
| commit | f2ecc1803f3ea294a0c6b7915b61348ed0395b26 (patch) | |
| tree | e8c6fb1350ae4f659b3f9ef8d17157158b974b16 /src/App.module.css | |
| parent | efb64f24d6200a39870c0e8966ab4f87e07c93a9 (diff) | |
Remade and extended the app using React
Diffstat (limited to 'src/App.module.css')
| -rw-r--r-- | src/App.module.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/App.module.css b/src/App.module.css new file mode 100644 index 0000000..075f53c --- /dev/null +++ b/src/App.module.css @@ -0,0 +1,43 @@ +.container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ overflow: hidden;
+}
+
+.main {
+ height: 100%;
+ flex: 1 1 auto;
+}
+
+.asideToggle {
+ display: none;
+}
+
+@media only screen and (max-width: 500px) {
+ .asideToggle {
+ width: 36px;
+ height: 36px;
+ padding: 0;
+ border: 2px solid rgba(0, 0, 0, 0.2);
+ border-radius: 4px;
+ display: block;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ z-index: 999;
+ background-color: #fff;
+ background-clip: padding-box;
+ cursor: pointer;
+ user-select: none;
+ outline: currentcolor none medium;
+ }
+
+ .asideToggle:hover {
+ background-color: #f4f4f4;
+ }
+
+ .asideOpen {
+ left: 0;
+ }
+}
|