diff --git a/package-lock.json b/package-lock.json index 85ca49d..42a177c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "arcanum", - "version": "1.1.2", + "version": "1.1.3", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "arcanum", - "version": "1.1.2", + "version": "1.1.3", "dependencies": { "@tauri-apps/api": "^1.2.0" }, diff --git a/package.json b/package.json index 1bac00b..53b730e 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "arcanum", "private": true, - "version": "1.1.2", + "version": "1.1.3", "type": "module", "scripts": { "dev": "vite", diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json index ec9d7fe..0253c64 100644 --- a/src-tauri/tauri.conf.json +++ b/src-tauri/tauri.conf.json @@ -8,7 +8,7 @@ }, "package": { "productName": "arcanum", - "version": "1.0.1" + "version": "1.1.3" }, "tauri": { "allowlist": { diff --git a/src/style.sass b/src/style.sass index 1860595..2576121 100644 --- a/src/style.sass +++ b/src/style.sass @@ -7,6 +7,7 @@ html, body color: rgb(205, 204, 204) font-family: 'Roboto', sans-serif font-size: 17px + overflow: hidden a color: rgb(155, 120, 168) text-decoration: none @@ -29,7 +30,7 @@ div.layout div.left flex: 1 background: #1d1d1d - height: 100vh + height: auto overflow-y: auto border-top: 1px solid transparent div.identity @@ -174,7 +175,7 @@ div.layout div.center flex: 1 background: #1d1d1d - height: 100vh + height: auto overflow-y: auto display: flex flex-direction: column @@ -231,6 +232,7 @@ div.layout margin: .3rem .3rem 0 .3rem border-radius: 7px 7px 0 0 border: 1px solid $border-color + word-wrap: break-word div.meta-control display: flex flex-direction: row @@ -276,7 +278,7 @@ div.layout div.right flex: 4 background: #171717 - height: 100vh + height: auto overflow-y: auto padding: 0 1rem border: 1px solid transparent @@ -350,9 +352,19 @@ main.container div.right::-webkit-scrollbar ::-webkit-scrollbar-thumb:hover background: #555 -@media screen and (max-width: 1000px) - div.layout div.right - flex: 2 +@media screen and (max-width: 1200px) + div.layout + div.right + flex: 2 + div.center + flex: 1 + div.left + flex: 1 +@media screen and (max-width: 1400px) + div.layout + div.right + flex: 3 + @media screen and (min-width: 2000px) div.layout div.right padding: 0 10%