All Questions
899
questions
0
votes
0
answers
15
views
Content Overlaps with Footer in Printed Document [closed]
When printing a document using the provided Page component, some content of the page get displayed under the footer in the printed output. This causes the content to overlap with the footer, making it ...
0
votes
1
answer
30
views
TailwindCSS Breakpoints aren't applying [closed]
I have a NextJS 14 project that I am using Tailwind CSS with. I have the following:
<div className="text-amber-dim md:text-amber flex-1 h-screen flex items-center justify-center">
&...
1
vote
1
answer
42
views
Image weird resizing behaviour when refreshing
When I refresh the page (below's a gif)
The Image is resized in a weird way.
<WifiWidgetContainer>
<Image
src={`/assets/[email protected]`}
...
0
votes
1
answer
32
views
How can I manage 3 element mode by on click function in next js
I am creating an accordion menu in nextjs , I want 3 mode of an element :
the first mode is default, when no click event happened : .mainLi_default
when the first click event happening and menu will ...
-1
votes
0
answers
40
views
React/NextJS component to move images while keeping their upright position (CSS or Framer Motion)
I have a react component that displays 4 images in a north, east, west, south and west position. When clicking any of the images, the container rotates one position so the north image becomes the east,...
-2
votes
0
answers
31
views
Website looks fine on Chrome IOS emulator but not on iOS
So here's how it looks on chrome emulator,
BEFORE INPUT SCREENSHOT :
AFTER INPUT SCREENSHOT :
And here's how it looks on native ios
BEFORE INPUT SCREENSHOT :
AFTER INPUT SCREENSHOT :
AFTER HIDING ...
-1
votes
0
answers
24
views
Nextjs Project not working - So in short even after applying tailwindcss I am still getting user agent stylesheet
<div className='flex justify-between'>Get Me a Sunscreen
<ul>
<li className='none'>Home</li>
this code even after applying flex i am getting elements in ...
0
votes
1
answer
21
views
element's style doesn't apply when passed through components - next.js
i have a component for hero part of every page but its content is different and so its height.
export default function Hero({
height,
children,
}: {
height: string;
children: ReactNode;
}) {
...
1
vote
4
answers
190
views
How do I defer loading of an external CSS file in Next.js 14
I need to load Katex CSS to style math equations. I don't know ahead of time exactly which pages need it (it depends on which users include math in their posts), but I do know which routes might need ...
1
vote
1
answer
63
views
How to use multiple fonts in NextJS
I'm having trouble loading multiple Google Web fonts in a NextJS application. I'm following the documentation here.
In my fonts.ts I define my fonts:
import { Inter, Heebo } from "next/font/...
0
votes
0
answers
38
views
NextJs: HEX getting translated to RGB automatically
I am using Redux (RTK) with NextJs and Tailwind also. I want to set background color of a element dynamically by getting the color as input from <input type="color"/>, and the problem ...
1
vote
1
answer
36
views
Card animations and transitions
import Section from '@/components/section'
import {Card, CardHeader, CardBody, CardFooter, Divider, Link, Image, Button} from "@nextui-org/react";
import { CSSProperties, useState } from '...
0
votes
1
answer
59
views
Cannot override CSS module style with style in global (or external) stylesheet in React / Next.js / React Native
I'm struggling to find a solution to this simple problem. I have a component which I, by default, style using a class from a *.module.css file. However, I want to override this style with one from a ...
0
votes
2
answers
71
views
React show last element
I have an issue and couldn't find any approach to solve it.
I make a pet chat application, and of course, I want to show last message,
but because the last message appears at the end,
so I need to ...
0
votes
0
answers
42
views
Problems with delaying image loading in NextJS with Framer Motion
I have a gallery website and I want to add a slight delay before the images load on the grid. Also the delay should be increased with each image, so for example the first image loads in 0.2 seconds, ...