mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-09-24 20:27:13 -05:00
43 lines
737 B
CSS
43 lines
737 B
CSS
/* an unstyled button so the image itself is the target */
|
|
button.thumbButton {
|
|
height: auto;
|
|
border: none;
|
|
background: none;
|
|
margin-inline-start: auto;
|
|
margin-block: -2px;
|
|
padding: 2px;
|
|
border-radius: var(--radius-field);
|
|
transition: background-color 0.15s;
|
|
|
|
&:hover,
|
|
&:focus-visible {
|
|
background-color: var(--color-bg-high);
|
|
}
|
|
}
|
|
|
|
.thumb {
|
|
display: block;
|
|
height: 40px;
|
|
width: auto;
|
|
border-radius: var(--radius-field);
|
|
}
|
|
|
|
.dialog {
|
|
width: max-content;
|
|
max-width: min(96vw, 1400px);
|
|
}
|
|
|
|
.frameFull {
|
|
display: block;
|
|
max-width: 100%;
|
|
max-height: calc(80dvh - 9rem);
|
|
border-radius: var(--radius-field);
|
|
}
|
|
|
|
.frameActions {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: var(--s-3);
|
|
margin-block-start: var(--s-3);
|
|
}
|