mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-29 21:38:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added info page

Browse source
This commit is contained in:
Shiny Nematoda 2022-06-30 14:31:11 +00:00
parent 2b55ff908f
commit 466068ae12
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
5 changed files with 73 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/TextModal.vue Normal file
View file

@ -0,0 +1,36 @@
<template>
<div class="txt-modal">
<slot name="content"></slot>
</div>
</template>
<style scoped>
.txt-modal {
display: flex;
flex-direction: column;
position: fixed;
top: 2rem;
bottom: 5rem;
right: 1rem;
width: 30rem;
max-width: calc(100% - 2rem);
background: var(--color-background-mute);
border-radius: 0.5rem;
z-index: 99999;
box-shadow: 0.1rem 0.1rem 1rem var(--color-shadow);
padding: 1rem;
overflow-y: auto;
}
:deep(pre) {
font-family: inherit;
font-size: 1.25rem;
letter-spacing: 0.125rem;
white-space: pre-wrap;
}
:deep(div) {
padding: 1rem;
letter-spacing: 0.1rem;
font-weight: 600;
}
</style>