Accords-Library-Archive
/
v3.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove shifting on RTiimages

This commit is contained in:
DrMint 2024-08-16 10:27:23 +02:00
parent 7834d0fe7d
commit 4460397daf
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/RichText/components/RTUpload/components/RTImage.astro
View File

@ -1,6 +1,5 @@
--- ---
import type { RichTextContext } from "src/utils/richText"; import type { RichTextContext } from "src/utils/richText";
import OpenMediaPageButton from "./OpenMediaPageButton.astro";
import { getI18n } from "src/i18n/i18n"; import { getI18n } from "src/i18n/i18n";
import HeaderTitle from "components/HeaderTitle.astro"; import HeaderTitle from "components/HeaderTitle.astro";
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
@ -47,7 +46,6 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
loading="lazy" loading="lazy"
/> />
</a> </a>
<OpenMediaPageButton url={mediaPage} />
</div> </div>
{/* ------------------------------------------- CSS -------------------------------------------- */} {/* ------------------------------------------- CSS -------------------------------------------- */}
@ -55,11 +53,13 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
<style> <style>
div { div {
margin-block: 4em; margin-block: 4em;
display: flex;
flex-direction: column;
gap: 0.5em;
} }
a { a {
line-height: 0; line-height: 0;
margin-bottom: 0.5em;
border-radius: 16px; border-radius: 16px;
box-shadow: 0 5px 20px -10px var(--color-shadow-0); box-shadow: 0 5px 20px -10px var(--color-shadow-0);
border-radius: 16px; border-radius: 16px;
@ -71,7 +71,6 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
&:hover, &:hover,
&:focus-visible { &:focus-visible {
scale: 102%; scale: 102%;
margin-bottom: 1em;
} }
max-height: 70vh; max-height: 70vh;