mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 02:13:33 +00:00
[enhancement]: support using native image aspect ratio
This commit is contained in:
parent
961d1838c0
commit
38ed083693
13 changed files with 41 additions and 9 deletions
|
|
@ -92,7 +92,7 @@ const Image = styled(SimpleImg)`
|
|||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-fit: var(--image-fit);
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ const BackgroundImage = styled.img`
|
|||
height: 150%;
|
||||
user-select: none;
|
||||
filter: blur(24px);
|
||||
object-fit: cover;
|
||||
object-fit: var(--image-fit);
|
||||
object-position: 0 30%;
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@ const Image = styled(SimpleImg)`
|
|||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-fit: var(--image-fit);
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -110,7 +110,7 @@ const Image = styled(SimpleImg)`
|
|||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-fit: var(--image-fit);
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ const MetadataWrapper = styled.div`
|
|||
|
||||
const StyledImage = styled(SimpleImg)`
|
||||
img {
|
||||
object-fit: cover;
|
||||
object-fit: var(--image-fit);
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue