martyn/townsquare
1
0
Fork 0
mirror of https://github.com/bra1n/townsquare.git synced 2025-10-21 16:55:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

reference sheet finished

Browse source
This commit is contained in:
Steffen 2021-03-30 21:33:52 +02:00
parent b4ee856705
commit 4620332fff
No known key found for this signature in database
GPG key ID: 764D74E98267DFC6
2 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/modals/Modal.vue
View file

@ -125,6 +125,7 @@ export default {
.roles &,
.characters & {
max-width: 100%;
padding: 10px;
}
}

29
src/components/modals/ReferenceModal.vue
View file

@ -46,7 +46,8 @@
<span class="ability">{{ role.ability }}</span>
</div>
</li>
<li :class="[team]" v-if="teamRoles.length % 2"></li>
<li :class="[team]"></li>
<li :class="[team]"></li>
</ul>
</div>
</Modal>
@ -168,6 +169,8 @@ h3 {
align-items: center;
justify-content: center;
align-content: center;
overflow: hidden;
text-shadow: 0 0 4px black;
}
h4 {
@ -180,17 +183,15 @@ h3 {
}
ul {
column-count: 2;
flex-grow: 1;
display: block;
display: flex;
padding: 5px 0;
li {
display: flex;
align-items: center;
width: 100%;
min-height: 6vh;
padding-right: 10px;
flex-grow: 1;
width: 420px;
.icon {
width: 8vh;
background-size: cover;
@ -223,6 +224,22 @@ ul {
}
}
/** break into 1 column below 1200px **/
@media screen and (max-width: 1199.98px) {
.modal {
max-width: 60%;
}
ul {
li {
.icon { width: 6vh; }
.role { line-height: 100%; }
.name { font-size: 100%; }
.player { font-size: 100%; }
.ability { font-size: 90%; }
}
}
}
/** hide players when town square is set to "public" **/
#townsquare.public ~ .characters .modal .player {
display: none;