diff --git a/src/App.vue b/src/App.vue index 310cbba..db0b058 100644 --- a/src/App.vue +++ b/src/App.vue @@ -21,7 +21,7 @@ export default class extends Vue { body { font-family: 'Oxanium', cursive; margin: 0px; - background: #130933; + background: #000; min-width: 320px; } diff --git a/src/components/main/ChipSection.vue b/src/components/main/ChipSection.vue index 7f671ee..93f9c3c 100644 --- a/src/components/main/ChipSection.vue +++ b/src/components/main/ChipSection.vue @@ -25,6 +25,8 @@ export default class extends Vue { #chip_section { background-image: url('~@/assets/main/p4/bg_p4.png'); position: relative; + background-repeat: no-repeat; + background-size: cover; } .title { position: absolute; diff --git a/src/components/main/GamePlaySection.vue b/src/components/main/GamePlaySection.vue index 47761fa..afac18b 100644 --- a/src/components/main/GamePlaySection.vue +++ b/src/components/main/GamePlaySection.vue @@ -36,6 +36,8 @@ export default class extends Vue { #gameplay_section { background-image: url('~@/assets/main/p2/bg_p2.png'); position: relative; + background-repeat: no-repeat; + background-size: cover; } .title { display: flex; diff --git a/src/components/main/NftSection.vue b/src/components/main/NftSection.vue index 281783c..9f27aaf 100644 --- a/src/components/main/NftSection.vue +++ b/src/components/main/NftSection.vue @@ -29,6 +29,8 @@ export default class extends Vue { #nft_section { background-image: url('~@/assets/main//p3/bg_p3.png'); position: relative; + background-repeat: no-repeat; + background-size: cover; } .title { position: absolute; diff --git a/src/components/main/VideoSection.vue b/src/components/main/VideoSection.vue index a1b4cfc..ee80d05 100644 --- a/src/components/main/VideoSection.vue +++ b/src/components/main/VideoSection.vue @@ -18,6 +18,8 @@ export default class extends Vue { diff --git a/src/views/Main.vue b/src/views/Main.vue index e2a2950..913a10b 100644 --- a/src/views/Main.vue +++ b/src/views/Main.vue @@ -51,5 +51,14 @@ section { -moz-background-size:100% 100%; background-size:100% 100%; } +#fullpage{ + max-width: 1920px; + margin: 0 auto; +} +section{ + background-position: center; + background-repeat: no-repeat; + background-size: cover; +}