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

2025-02-28
Some checks failed
ci/woodpecker/push/publish_instable Pipeline failed
Details

Browse source
This commit is contained in:
gcch 2025-02-28 12:23:46 +01:00
commit 650f381148
29 changed files with 599 additions and 349 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,29 +1,40 @@
/* Élément conteneur de la fenêtre modale. */
.dialog {
--dialog-overlay-background: var(--bg25-secondary);
--dialog-background-color: var(--root-background-color);
--dialog-border-color: var(--root-text-color);
--dialog-shadow-color: var(--root-text-color);
--dialog-heading-font-size: var(--s1);
position: fixed;
z-index: 2;
inset: 0;
display: flex;
margin: 0;
background: var(--bg25-secondary);
background: var(--dialog-overlay-background);
&[aria-hidden="true"] {
&[aria-hidden] {
display: none;
}
/* Fenêtre à proprement parler. */
.dialog-content {
--layout-box-padding: 0;
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);
border: 1px solid var(--dialog-border-color);
background-color: var(--dialog-background-color);
box-shadow: 0.5rem 0.5rem 0 0 var(--dialog-shadow-color);
/* Barre d'en-tête. */
header {
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
border-block-end: 1px solid var(--color-primary);
border-block-end: 1px solid var(--dialog-border-color);
h2 {
padding-inline: var(--s-1);
@ -37,11 +48,12 @@
}
}
/* Contenu de la fenêtre. */
main {
display: flex;
flex-flow: column nowrap;
align-items: start;
padding: var(--s0);
padding: var(--s1);
}
}
}