TTC
Theo's Typesafe CultGiuliopime
Animating a background moving between grid elements
I made this simple switch but I wanna animate the background moving from left to right instead of having it disappear and reappear.
Right now the background is just a css class applied when the item is active, but I was thinking of creating a grid item that overlaps the other two with the same width to achieve this. Couldn't get it working though, any tips on how I can do this?
This is my current component
G
Giuliopime•13d ago
Basically something like this but for the background
M
Mike•13d ago
I don't know that you need to use grid for this (the example below doesn't use grid).
M
Mike•13d ago
hopefully that's helpful 😄
G
Giuliopime•12d ago
that's fixed width unfortunately but thank you
M
Mike•12d ago
yep, it's fixed width right now, but can you think of any way to make this work for dynamic width buttons?
Y
?.@y.wwa•11d ago
have seen made something simillar using framer motion
https://manuarora.in/demos/demo/navbarEffect
https://manuarora.in/snippets/navbar-effect
Manu Arora
Navbar Hover - Code Snippet
A collection of code snippets – including serverless functions, Node.js scripts, and CSS tricks.
21KMembers
View on DiscordWant results from more Discord servers?
More PostsIs Theo's new tutorial any good for a Vue Dev?Truth be told I have never touched React or any .tsx before. However I have been doing vue for the lEmail exist verificationdoes anyone knows a way to verify if an email exists? like is there such a package or services with Issues with Clerk and Unit testingI am working on a project for work and we have a strict requirement for unit tests. I decided to go Drizzle + SQLite updated at fieldIs the only way to have an updated at field in SQLite just setting the updated at by hand on each upHow can I replicate the vanilla behavior of NextJS API routing in T3 stack?I am currently working on a project in which i would like to have my server side requests to an endpWhat is this app?this works but nope?I'm new to Suspense, this works great but I get the error: Did you forget to use 'await'?
It works,Micro Front End best practicesHello! I recently landed a job within a stack centered around micro front ends (react + node), whichUsing Turso in T3-CreateHi,
I am trying to use Turso for T3. I am using drizzle. The connection .env is slightly different No file route found for slug in deploymentThis issue arose when I started my deployment on Render , which simply read as
No file route found Will server components be refeteched on mutation?If I have a page using the server trpc and then a client component that updates the list, will the sNextjs parallel routing questionsI have this routing setup right,
```bash
{
(main) {
about {}
contact {}
(illustrationsHow can I subscribe to updates in an RSS feed?I want to subscribe to changes on a shopify store’s RSS feed for their products. It seems extremely How can I configure tRPC to function as a REST API (single-route)?I'm new to tRPC and not sure why this produces an error when an external POST request is sent to theT3 Stack: tRPC not extending type definitions to clientHey, I'm currently trying to work on getting my 'next build' script to work and ran into a bunch of Total noob! Supabase and the t3 stackIm really struggling with configuring my create-t3-app with supabase. Can anyone point me in the dir