FullScreen button in next using shadcn

[gaunt sparrow]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[hard flare]

Any1 able to help?

[frosty geyser]

import "@/app/globals.css";

[hard flare]

If i do this i can't use this code because it is not improted as a style

const mainStyles = isFullscreen
? ${styles.fullscreenMain}
: ${styles.normalMain};

[frosty geyser]

create another file eg. FullScreenToggle.module.css and put the styles there

then

import "@/app/globals.css";
import styles from "@/app/styles/FullScreenToggle.module.css"

if you use css module, you can't have tailwind directives inside

well but with tailwind, you don't need css module
you can do something like this

<div className={isFullScreen ? "fullscreenMain classes" : "normalMain classes"}>
...
</div>

or use clsx