mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 02:13:33 +00:00
fix other places of duration display (and other minor fixes) (#249)
* fix other places of duration display * add back comma * add max-width for image
This commit is contained in:
parent
ec457d5125
commit
6e62448b88
4 changed files with 5 additions and 4 deletions
|
|
@ -24,6 +24,7 @@ const Image = styled(motion.img)<{ $useAspectRatio: boolean }>`
|
|||
object-position: 50% 100%;
|
||||
filter: drop-shadow(0 0 5px rgb(0 0 0 / 40%)) drop-shadow(0 0 5px rgb(0 0 0 / 40%));
|
||||
border-radius: 5px;
|
||||
max-width: 100%;
|
||||
`;
|
||||
|
||||
const ImageContainer = styled(motion.div)`
|
||||
|
|
@ -42,7 +43,7 @@ interface TransparentMetadataContainer {
|
|||
|
||||
const MetadataContainer = styled(Stack)<TransparentMetadataContainer>`
|
||||
padding: 1rem;
|
||||
background: rgb(var(--main-bg-transparent) ${({ opacity }) => opacity}%);
|
||||
background: rgb(var(--main-bg-transparent), ${({ opacity }) => opacity}%);
|
||||
border-radius: 5px;
|
||||
|
||||
h1 {
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ const GridContainer = styled.div<TransparendGridContainerProps>`
|
|||
grid-template-rows: auto minmax(0, 1fr);
|
||||
grid-template-columns: 1fr;
|
||||
padding: 1rem;
|
||||
background: rgb(var(--main-bg-transparent) ${({ opacity }) => opacity}%);
|
||||
background: rgb(var(--main-bg-transparent), ${({ opacity }) => opacity}%);
|
||||
border-radius: 5px;
|
||||
`;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue