|
|
|
@@ -39,9 +39,9 @@ export default class Explore extends Vue { |
|
|
|
position: relative; |
|
|
|
display: grid; |
|
|
|
grid-template-areas: |
|
|
|
"items containers" |
|
|
|
"stats containers"; |
|
|
|
grid-template-rows: 1fr 1fr; |
|
|
|
"items stats" |
|
|
|
"containers containers"; |
|
|
|
grid-template-rows: 1fr 0.25fr; |
|
|
|
grid-template-columns: 1fr 1fr; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@@ -52,17 +52,19 @@ export default class Explore extends Vue { |
|
|
|
|
|
|
|
.character-items { |
|
|
|
background: #222; |
|
|
|
grid-area: "items"; |
|
|
|
grid-area: items; |
|
|
|
} |
|
|
|
|
|
|
|
.character-containers { |
|
|
|
background: #222; |
|
|
|
grid-area: "containers" |
|
|
|
grid-area: containers; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
} |
|
|
|
|
|
|
|
.character-stats { |
|
|
|
background: #111; |
|
|
|
grid-area: "stats"; |
|
|
|
grid-area: stats; |
|
|
|
} |
|
|
|
|
|
|
|
.profile-exit { |
|
|
|
|