Perfect
Perfect
Explore posts from servers
KPCKevin Powell - CommunityTTCTheo's Typesafe Cult
PostsComments
TTCTheo's Typesafe Cult
Created by Perfect on 7/23/2024 in #questions
Difference between SSR with streaming and new PPR
https://x.com/jpetrillo19/status/1815837412725047442?s=46&t=xblm8KH7hfYjC0BvKkR9yw
7 replies
TTCTheo's Typesafe Cult
Created by Perfect on 7/23/2024 in #questions
Difference between SSR with streaming and new PPR
Also linking this tweet for context
7 replies
TTCTheo's Typesafe Cult
Created by Perfect on 7/23/2024 in #questions
Difference between SSR with streaming and new PPR
Bump
7 replies
TTCTheo's Typesafe Cult
Created by Revaycolizer on 9/8/2023 in #questions
Football live Stream Package
Bro what
8 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Had to wrap a tag in flex div but keep a tag as block
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
fixed
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
ill try chat gpt
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
yeah I got no clue
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Ah ok
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Cause maybe I am just being super unclear haha
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Like of the issue or how to fix?
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
but I have to use block for the truncation to work
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Well, I thought the width was too much because it seems like it should just be around the text
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
and maybe that helps
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
      <div className="flex min-w-0 items-center">
        <SimpleTooltip message="Reorder">
          <Button
            variant="ghost"
            className="-ml-1 touch-none p-1"
            {...listeners}
            ref={setActivatorNodeRef}
          >
            <DragHandleDots2Icon className="h-10 w-6" />
            <span className="sr-only">Reorder</span>
          </Button>
        </SimpleTooltip>
        <div className="ml-4 min-w-0 space-y-2">
          <div className="flex items-center">
            <p className="truncate">{link.title}</p>
            <SimpleTooltip message="Edit Title">
              <Button variant="ghost" className="ml-1.5 h-auto p-1">
                <Pencil2Icon className="h-4 w-4" />
                <span className="sr-only">Edit Title</span>
              </Button>
            </SimpleTooltip>
          </div>

          <-- THE LINK -->
          <a
            href={link.url}
            target="_blank"
            className={cn(
              buttonVariants({ variant: "link" }),
              "-ml-0.5 block h-auto truncate p-1 px-0.5 text-sm text-muted-foreground"
            )}
          >
            {link.url}
          </a>
          <-- THE LINK -->

        </div>
      </div>
      <div className="flex min-w-0 items-center">
        <SimpleTooltip message="Reorder">
          <Button
            variant="ghost"
            className="-ml-1 touch-none p-1"
            {...listeners}
            ref={setActivatorNodeRef}
          >
            <DragHandleDots2Icon className="h-10 w-6" />
            <span className="sr-only">Reorder</span>
          </Button>
        </SimpleTooltip>
        <div className="ml-4 min-w-0 space-y-2">
          <div className="flex items-center">
            <p className="truncate">{link.title}</p>
            <SimpleTooltip message="Edit Title">
              <Button variant="ghost" className="ml-1.5 h-auto p-1">
                <Pencil2Icon className="h-4 w-4" />
                <span className="sr-only">Edit Title</span>
              </Button>
            </SimpleTooltip>
          </div>

          <-- THE LINK -->
          <a
            href={link.url}
            target="_blank"
            className={cn(
              buttonVariants({ variant: "link" }),
              "-ml-0.5 block h-auto truncate p-1 px-0.5 text-sm text-muted-foreground"
            )}
          >
            {link.url}
          </a>
          <-- THE LINK -->

        </div>
      </div>
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
Yeah sure
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
I would like the user to be able to see as much as possible
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
so in this, you see the hover area and border on focus is not good
33 replies
TTCTheo's Typesafe Cult
Created by Perfect on 6/23/2023 in #questions
Truncating link
I just want the content of the a tag to be around the text (and to truncate when it gets too long). But the way I have it atm makes the content box sometimes bigger than it needs to be (if the title has a width larger)
33 replies