gcch/journal-media-vue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

2025-02-26
All checks were successful
ci/woodpecker/push/publish_instable Pipeline was successful
Details

Browse source
This commit is contained in:
gcch 2025-02-26 23:25:48 +01:00
commit a4a99789a9
23 changed files with 294 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/styles/components/imposter-box.css
View file

@ -1,43 +1,47 @@
.dialog {
position: fixed; /* 1 */
z-index: 2; /* 1 */
inset: 0; /* 1 */
display: flex; /* 2 */
position: fixed;
z-index: 2;
inset: 0;
display: flex;
margin: 0;
background: var(--bg25-secondary);
&[aria-hidden="true"] {
display: none; /* 1 */
display: none;
}
}
.dialog-content {
position: relative; /* 2 */
min-inline-size: 40ch;
max-inline-size: 80ch;
margin: auto; /* 1 */
padding: initial;
border: 1px solid var(--color-primary);
background-color: var(--color-secondary);
box-shadow: 0.5rem 0.5rem 0 0 var(--color-primary);
.dialog-content {
position: relative;
margin: auto;
border: 1px solid var(--color-primary);
background-color: var(--color-secondary);
box-shadow: 0.5rem 0.5rem 0 0 var(--color-primary);
header {
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
border-block-end: 1px solid var(--color-primary);
header {
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
border-block-end: 1px solid var(--color-primary);
h2 {
padding-inline: var(--s-1);
font-size: var(--s1);
h2 {
padding-inline: var(--s-1);
font-size: var(--s1);
}
button {
padding: var(--s-1);
font-family: Banquise, monospace;
font-weight: 500;
}
}
button {
padding: var(--s-1);
font-family: Banquise, monospace;
font-weight: 500;
main {
display: flex;
flex-flow: column nowrap;
align-items: start;
padding: var(--s0);
}
}
}