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

maximize reference modal

Browse source 
& darken background, slightly compactify

-> fits into half of a 1920x1080 screen
This commit is contained in:
nicfreeman1209 2021-01-29 22:33:38 +00:00
parent 5bccde5943
commit 3126de390d
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -48,13 +48,18 @@ export default {
flex-direction: column; flex-direction: column;
max-width: 60%; max-width: 60%;
.characters &, .night-reference &,
.vote-history &, .vote-history & {
.night-reference & {
max-height: 80%; max-height: 80%;
max-width: 80%; max-width: 80%;
overflow-y: auto; overflow-y: auto;
} }
.characters & {
background: rgba(0, 0, 0, 0.95);
max-height: 100%;
max-width: 100%;
overflow-y: auto;
}
ul { ul {
list-style-type: none; list-style-type: none;

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

@ -118,7 +118,7 @@ h4 {
text-transform: capitalize; text-transform: capitalize;
display: flex; display: flex;
align-items: center; align-items: center;
height: 20px; height: 12px;
&:before, &:before,
&:after { &:after {
content: " "; content: " ";