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

Poprawki responsywności

Browse Source
This commit is contained in:
Spythere
2022-07-22 14:25:09 +02:00
parent 55a546fefe
commit e7b5817f9c
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SideBar.vue
+2 -2
View File
@@ -71,7 +71,7 @@ export default defineComponent({
.sidebar_content { .sidebar_content {
display: grid; display: grid;
grid-template-rows: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr);
gap: 0.25em; gap: 0.25em;
font-size: 1.5em; font-size: 1.5em;
@@ -138,7 +138,7 @@ button.option-save {
.sidebar_content { .sidebar_content {
grid-template-rows: 1fr; grid-template-rows: 1fr;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
& > button { & > button {
height: 60px; height: 60px;
src/views/Home.vue
+3 -3
View File
@@ -90,7 +90,6 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.home { .home {
min-height: 100vh; min-height: 100vh;
overflow-x: auto; overflow-x: auto;
.home_container { .home_container {
@@ -98,10 +97,11 @@ export default defineComponent({
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
margin-top: 1em; padding: 2em 0;
@media screen and (max-width: 650px) { @media screen and (max-width: 650px) {
margin-top: 80px; padding-top: 85px;
padding-bottom: 5em;
} }
} }