Spythere/genera-tor
1
0
Fork 0
mirror of https://github.com/Spythere/genera-tor.git synced 2026-05-03 13:38:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): responsiveness issues

Browse Source
This commit is contained in:
Spythere
2026-01-22 00:44:10 +01:00
parent d408f0a706
commit 1a969731cd
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Orders/Order.vue
+2 -2
View File
@@ -53,7 +53,7 @@ $darkModeTextCol: #eee;
align-items: start; align-items: start;
max-width: 800px; max-width: 800px;
@media screen and (max-width: 650px) { @media screen and (max-width: 1150px) {
flex-direction: column; flex-direction: column;
} }
} }
@@ -62,7 +62,7 @@ $darkModeTextCol: #eee;
background-color: white; background-color: white;
color: black; color: black;
height: calc(100vh - 5em); max-height: calc(100vh - 5em);
overflow: auto; overflow: auto;
&.dark { &.dark {
src/components/Orders/OrderSideBar.vue
+1 -1
View File
@@ -126,7 +126,7 @@ button.option-save {
} }
} }
@media screen and (max-width: 650px) { @media screen and (max-width: 1150px) {
.sidebar_content { .sidebar_content {
flex-direction: row; flex-direction: row;
src/views/Home.vue
+1 -1
View File
@@ -101,7 +101,7 @@ const panelComponent = computed(() => {
padding: 1em; padding: 1em;
width: 100%; width: 100%;
@media screen and (max-width: 1350px) { @media screen and (max-width: 1150px) {
grid-template-columns: auto; grid-template-columns: auto;
padding: 1em 0.5em; padding: 1em 0.5em;
} }