michal/pf2e-cards
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change card CSS for readability

Browse Source
This commit is contained in:
Michal Kunc 2022-04-06 21:38:50 +02:00
parent bc5b6af750
commit c9cd9f0da5
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Card.svelte
View File

@ -28,6 +28,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 2px solid black; border-bottom: 2px solid black;
padding: 0 4pt;
} }
.name, .type { .name, .type {
font-family: serif; font-family: serif;
@ -35,8 +36,7 @@
font-weight: bold; font-weight: bold;
} }
.tags { .tags {
margin: 1pt 1pt 0pt 1pt; padding: 1pt 4pt;
padding: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -59,7 +59,10 @@
background-color: #54166e; background-color: #54166e;
} }
.content { .content {
margin: 1pt; margin-top: 1pt;
}
.content div {
padding: 0 4pt;
} }
:global(section.content p) { :global(section.content p) {
padding-bottom: 2pt; padding-bottom: 2pt;
@ -94,12 +97,12 @@
{/each} {/each}
</section> </section>
<section class="content"> <section class="content">
<p class="attributes"> <div class="attributes">
{@html pf_filter(DOMPurify.sanitize(attributes))} {@html pf_filter(DOMPurify.sanitize(attributes))}
</p> </div>
<p class="description"> <div class="description">
{@html pf_filter(DOMPurify.sanitize(description))} {@html pf_filter(DOMPurify.sanitize(description))}
</p> </div>
</section> </section>
</div> </div>