Compare commits
2
Commits
main
...
e82c9b56de
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e82c9b56de | ||
|
|
1a08dea36e |
+4
-1
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div id="app" :class="{development: isDev}" :style="{'font-family': font}">
|
||||
<div class="app-bg" v-if="background > 0" :style="{'background': `url(/img/backgrounds/${background}.jpg) no-repeat center`}"></div>
|
||||
<div class="app-bg" v-if="background > 0 && isLobbyPage" :style="{'background': `url(/img/backgrounds/${background}.jpg) no-repeat center`}"></div>
|
||||
<div class="app-binoculars" v-if="isBinoculars"></div>
|
||||
<Hud v-show="!currentPage && hudShow && !inventoryEnable && !deathScreen"/>
|
||||
<DeathScreen v-if="deathScreen"/>
|
||||
@@ -171,6 +171,9 @@ export default {
|
||||
isDev(){
|
||||
return process.env.NODE_ENV == 'development';
|
||||
},
|
||||
isLobbyPage(){
|
||||
return ['Auth', 'CharacterSelect', 'SelectLanguage', 'SpawnSelect', 'Customization'].includes(this.currentPage);
|
||||
},
|
||||
dialogMenuShow: function() {
|
||||
return this.$store.state.dialogMenu.show
|
||||
}
|
||||
|
||||
@@ -102,20 +102,20 @@ export default {
|
||||
margin: 0;
|
||||
.title {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 7.5rem;
|
||||
line-height: 7rem;
|
||||
font-size: 4.5rem;
|
||||
line-height: 4.6rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 28.5rem;
|
||||
width: 18rem;
|
||||
&::after {
|
||||
content: "";
|
||||
width: 0.2rem;
|
||||
height: 5.5rem;
|
||||
height: 3.6rem;
|
||||
background: linear-gradient(268.14deg, #B0C724 0%, #D5EC45 23.77%, #B6D300 100%);
|
||||
top: 0.4rem;
|
||||
right: 1.85rem;
|
||||
top: 0.3rem;
|
||||
right: 1.2rem;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -117,8 +117,8 @@ export default {
|
||||
color: #FFFFFF;
|
||||
.title {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 6rem;
|
||||
line-height: 5.4rem;
|
||||
font-size: 4rem;
|
||||
line-height: 4.3rem;
|
||||
font-weight: bold;
|
||||
width: 25rem;
|
||||
margin: 0 0 0.5rem 0;
|
||||
|
||||
@@ -65,26 +65,26 @@ export default {
|
||||
margin: 0 0 1.9rem 0;
|
||||
.title {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 7rem;
|
||||
line-height: 8.5rem;
|
||||
font-size: 4.5rem;
|
||||
line-height: 5.2rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: #FFFFFF;
|
||||
width: 36.1rem;
|
||||
width: 24rem;
|
||||
}
|
||||
.desc {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
left: 19rem;
|
||||
top: 0.4rem;
|
||||
left: 14.5rem;
|
||||
&::before {
|
||||
content: "";
|
||||
width: 0.2rem;
|
||||
height: 5.95rem;
|
||||
height: 4rem;
|
||||
margin: 0 1rem 0 0;
|
||||
background: linear-gradient(268.14deg, #B0C724 0%, #D5EC45 23.77%, #B6D300 100%);
|
||||
}
|
||||
font-size: 1.5rem;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
color: #FFFFFF;
|
||||
width: 14.5rem;
|
||||
|
||||
@@ -118,8 +118,8 @@ export default {
|
||||
color: #ffffff;
|
||||
.title {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 6rem;
|
||||
line-height: 5.4rem;
|
||||
font-size: 4rem;
|
||||
line-height: 4.3rem;
|
||||
font-weight: bold;
|
||||
width: 25rem;
|
||||
margin: 0 0 0.5rem 0;
|
||||
|
||||
@@ -73,8 +73,8 @@ export default {
|
||||
width: 25rem;
|
||||
&__title {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 6rem;
|
||||
line-height: 5.4rem;
|
||||
font-size: 4rem;
|
||||
line-height: 4.3rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
&__text {
|
||||
|
||||
@@ -257,8 +257,8 @@ export default {
|
||||
}
|
||||
&-title{
|
||||
font-weight: bold;
|
||||
font-size: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2rem;
|
||||
letter-spacing: 0.03em;
|
||||
color: #000000;
|
||||
}
|
||||
@@ -646,10 +646,11 @@ export default {
|
||||
}
|
||||
&-title{
|
||||
font-weight: normal;
|
||||
font-size: 1.7rem;
|
||||
line-height: 2.05rem;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
letter-spacing: 0.03em;
|
||||
margin-bottom: .55rem;
|
||||
padding-right: 3.4rem;
|
||||
}
|
||||
&-desc{
|
||||
font-weight: normal;
|
||||
|
||||
@@ -164,8 +164,8 @@ export default {
|
||||
}
|
||||
&__title{
|
||||
font-weight: bold;
|
||||
font-size: 7rem;
|
||||
line-height: 7rem;
|
||||
font-size: 4.5rem;
|
||||
line-height: 4.8rem;
|
||||
letter-spacing: 0.03em;
|
||||
margin-bottom: -.8rem;
|
||||
color: #FFFFFF;
|
||||
|
||||
@@ -52,13 +52,13 @@ export default {
|
||||
&__side {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 6.5rem 0 0;
|
||||
margin: 0 3rem 0 0;
|
||||
.title {
|
||||
font-size: 5rem;
|
||||
line-height: 5rem;
|
||||
font-size: 2.6rem;
|
||||
line-height: 2.8rem;
|
||||
color: #fff;
|
||||
margin: 0 0 0.5rem 0;
|
||||
width: 25rem;
|
||||
width: 18rem;
|
||||
}
|
||||
.subtitle {
|
||||
font-size: 0.9rem;
|
||||
|
||||
@@ -103,7 +103,7 @@ export default {
|
||||
}
|
||||
&-tittle{
|
||||
color: #fff;
|
||||
font-size: 5rem;
|
||||
font-size: 2.6rem;
|
||||
line-height: 4rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@@ -100,7 +100,7 @@ export default {
|
||||
&__title{
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 4rem;
|
||||
font-size: 2.4rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
&__progress{
|
||||
|
||||
@@ -119,7 +119,7 @@ export default {
|
||||
&__title{
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 4rem;
|
||||
font-size: 2.4rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
&__filter{
|
||||
|
||||
@@ -29,8 +29,8 @@ export default {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: normal;
|
||||
font-size: 4rem;
|
||||
line-height: 4.8rem;
|
||||
font-size: 2.4rem;
|
||||
line-height: 2.8rem;
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
&__list{
|
||||
|
||||
@@ -113,8 +113,8 @@ export default {
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
&__title{
|
||||
font-size: 4rem;
|
||||
line-height: 4rem;
|
||||
font-size: 2.4rem;
|
||||
line-height: 2.6rem;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
@@ -168,8 +168,8 @@ export default {
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
&__title{
|
||||
font-size: 4rem;
|
||||
line-height: 4rem;
|
||||
font-size: 2.4rem;
|
||||
line-height: 2.6rem;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
@@ -120,8 +120,8 @@ export default {
|
||||
width: 10rem;
|
||||
}
|
||||
&_text{
|
||||
font-size: 5rem;
|
||||
line-height: 5rem;
|
||||
font-size: 2.6rem;
|
||||
line-height: 2.8rem;
|
||||
letter-spacing: .06rem;
|
||||
&:first-child{
|
||||
text-align: right;;
|
||||
@@ -204,8 +204,8 @@ export default {
|
||||
margin-top: .2rem;
|
||||
}
|
||||
&_number{
|
||||
font-size: 8rem;
|
||||
line-height: 6rem;
|
||||
font-size: 4rem;
|
||||
line-height: 3.4rem;
|
||||
}
|
||||
&_copy{
|
||||
font-size: 1.2rem;
|
||||
|
||||
@@ -73,8 +73,8 @@ export default {
|
||||
width: 20rem;
|
||||
min-height: 30rem;
|
||||
&-tittle{
|
||||
font-size: 5rem;
|
||||
line-height: 6rem;
|
||||
font-size: 2.6rem;
|
||||
line-height: 3rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
&-subtittle{
|
||||
|
||||
@@ -55,10 +55,10 @@
|
||||
}
|
||||
|
||||
.options-menu-root .app-container {
|
||||
width: 90%;
|
||||
width: 85%;
|
||||
height: 85%;
|
||||
max-width: 64rem;
|
||||
max-height: 40rem;
|
||||
max-width: 92rem;
|
||||
max-height: 46.5rem;
|
||||
min-width: 48rem;
|
||||
min-height: 30rem;
|
||||
background: var(--bg-main);
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user