Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

docs(rendering): hide light image in dark mode #9620

Merged
merged 2 commits into from
Dec 10, 2022

Conversation

mst101
Copy link
Contributor

@mst101 mst101 commented Dec 9, 2022

πŸ”— Linked issue

❓ Type of change

  • [ x] πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality like performance)
  • ✨ New feature (a non-breaking change that adds functionality)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

The page at https://nuxt.com/docs/guide/concepts/rendering shows both light and dark versions of the images. I don't know how to conditionally render an image from within markdown(?), but this PR at least hides the light version of the image when dark mode is set by simply adding a tailwind class of dark:hidden.

N.B. I'm not sure what the current classes of .light-img and .dark-img currently do, if anything?

πŸ“ Checklist

  • I have linked an issue or discussion.
  • [ x] I have updated the documentation accordingly.

@codesandbox
Copy link

codesandbox bot commented Dec 9, 2022

CodeSandbox logoCodeSandbox logoΒ  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

@vercel
Copy link

vercel bot commented Dec 9, 2022

@mst101 is attempting to deploy a commit to the Nuxt Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Member

@danielroe danielroe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! ❀️

cc: @clemcode

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants