suhaylmv
suhaylmv
Explore posts from servers
KPCKevin Powell - CommunityNNuxtSSolidJS
PostsComments
SSolidJS
Created by suhaylmv on 9/24/2023 in #support
Custom cursor not working
I found a react tutorial, and it looks like context is needed, to be able to control how the cursor behaves when it's on a certain element https://dev.to/holdmypotion/react-custom-cursor-no-extra-dependencies-25ki
7 replies
SSolidJS
Created by suhaylmv on 9/24/2023 in #support
Custom cursor not working
must be a rendering or css positioning issue
7 replies
SSolidJS
Created by suhaylmv on 9/24/2023 in #support
Custom cursor not working
good idea, I checked it and it gets correctly the position of the cursor
7 replies
SSolidJS
Created by suhaylmv on 9/24/2023 in #support
Custom cursor not working
with transform still the same happens and also it's not precise, it gets a bit off from the cursor
7 replies
SSolidJS
Created by suhaylmv on 6/12/2023 in #support
Invisible solid-icons
They said it has been fixed though
6 replies
SSolidJS
Created by suhaylmv on 6/12/2023 in #support
Invisible solid-icons
Seems solid-icons had issues with Astro before: https://github.com/x64Bits/solid-icons/issues/14
6 replies
SSolidJS
Created by suhaylmv on 6/12/2023 in #support
Invisible solid-icons
Idk, how can I check that?
6 replies
SSolidJS
Created by suhaylmv on 6/12/2023 in #support
Invisible solid-icons
For example in this photo there were supposed to be stars icons above the testimonial text
6 replies
SSolidJS
Created by suhaylmv on 6/2/2023 in #support
Disabling transition on load?
  let container: any;
  const visible = createVisibilityObserver()(() => container);
  const stuck = () => !visible();

  return (
    <>
      <div ref={container} />
      <nav
        class={
          "sticky top-0 flex w-full items-center justify-between px-7 py-3 font-display font-bold"
        }
        classList={{
          [stuck()
            ? "bg-secondary text-primary-light transition duration-1000 ease-out"
            : "bg-beige transition duration-1000 ease-out"]: true,
        }}
        id="navbar"
      >
        navbar content
</nav>
</>
)
  let container: any;
  const visible = createVisibilityObserver()(() => container);
  const stuck = () => !visible();

  return (
    <>
      <div ref={container} />
      <nav
        class={
          "sticky top-0 flex w-full items-center justify-between px-7 py-3 font-display font-bold"
        }
        classList={{
          [stuck()
            ? "bg-secondary text-primary-light transition duration-1000 ease-out"
            : "bg-beige transition duration-1000 ease-out"]: true,
        }}
        id="navbar"
      >
        navbar content
</nav>
</>
)
3 replies
SSolidJS
Created by suhaylmv on 5/29/2023 in #support
How to make a sticky navbar change color when it has reached the top? Like in solidjs homepage
I opted for another easier way but thank you anyway!
7 replies
SSolidJS
Created by suhaylmv on 5/29/2023 in #support
How to make a sticky navbar change color when it has reached the top? Like in solidjs homepage
It works! Thank you so much
7 replies
SSolidJS
Created by suhaylmv on 5/11/2023 in #support
How to make the navbar change color when it's sticky like in the Solidjs homepage?
Unfortunately I don't know typescript yet 😦
5 replies
SSolidJS
Created by suhaylmv on 5/11/2023 in #support
How to make the navbar change color when it's sticky like in the Solidjs homepage?
Your snippet is interesting. I'm thinking about getting the vertical position of the Navbar and substitute it instead of the fixed value I've put earlier (400). This seems to be an easier solution, but I don't know how to do it
5 replies