Ted Posts - Answer Overflow

Ted

•Created by Ted on 2/15/2024 in #questions

Next wont load images.

Hello, I have an image on my site where the path is generated though a function. It returns:

return `/images/cards/${cardValue}${cardSuit}.svg` as Card;

return `/images/cards/${cardValue}${cardSuit}.svg` as Card;

It will never load unless I open up the image in a new tab and then go back... I am assuming this is similar to how you cant add tailwind classes.. What is the best way to fix this? Is there a way to have a folder of images be preloaded?

4 replies

TTCTheo's Typesafe Cult

•Created by Ted on 1/8/2024 in #questions

Prisma help

1 replies

TTCTheo's Typesafe Cult

•Created by Ted on 12/15/2023 in #questions

Target the "stuck" or pinned elements with tailwindCSS.

Hello, if I have an element that has the position: sticky, and I would like to change the style based on weather it is pinned at the limit or not. Is this possible with just tailwind? If not what is the best approach?

3 replies

TTCTheo's Typesafe Cult

•Created by Ted on 9/29/2023 in #questions

Node Modules not working

3 replies

TTCTheo's Typesafe Cult

•Created by Ted on 2/8/2023 in #questions

Tailwind smooth scroll

Hello, It is probably super simple but I have a simple react app in vite, the app.tsx looks like this

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

If I click on an anchor that has #about for example it just jumps instantly, everything online says it should be scroll-smooth.

6 replies

Gaming

Programming