https://supabase.com/ logo
Join Discord
Powered by
https://i.imgur.com/xs6O3sB.png thoughts on the "d...
# showcase
f

https://i.imgur.com/xs6O3sB.png▾

thoughts on the "darkmode" and the rounded corners?

https://i.imgur.com/xs6O3sB.png▾

thoughts on the "darkmode" and the rounded corners?
i created a thread for the feedback
o
Maybe try a more lighter shadow color
Black is too aggressive? If it's the right word for that
f
its not black but yea i see what you mean
anything else?
i want this to look super professional
right now it kind of looks... noobish
fixed

https://i.imgur.com/9mJVbdv.png▾

hover is on the right
o
I would like to add a padding 10px I think arround your title and footer
Or maybe a bigger one
To give space between elements, and reduce the title and footer, because this big white space isn't good in my opinion
f
reduce the footer and title because the big white space isn't good
wouldn't reducing them make bigger white space?
:P
added more margin
o
Yeah now it should be good right?
f
well i guess so but idk
thoughts on the corners? i added a rounded corner to the images too
like the image is kind of ontop of the card
idk, kind of looks cool, maybe add a SUPER small shadow under the image?
shadow under the image, idk if that looks good
it adds depth which is good, but it doesn't look too good in this instance
o
Yeah it's cool!
f
do you have any suggestions for the entire page? this is the home page where your subscribed games is displayed
o
Oh yeah, the big title top left, smaller, and all cards smaller
f
should i add a bigger margin on the brand?
o
I think it's good
f
i just centered everything, made the cards smaller and the brand smaller
should i switch the order of the profile pic and logout/in button?
o
I would reduce cards size, and put some spaces between the avatar and the logout button
f
make them even smaller?
o
Wait
Okay I remove what I said
Cards size is fine
But maybe add some spaces between avatar and logout button?
f
i swapped them too
o
What did you swap?
f
the logout button and profile
so profile is on the outside
WAIT
IDEA
HOLD UP
o
xD
f
moved logout into the side panel!
o
Damn, this is good!
f
i need to work on the darkmode for the side panell
and add some margin to the button of that button so its not riding up on the subbed games
there we go :)
fun fact about supabase ui, you can put jsx element into

https://i.imgur.com/qJqENNt.png▾

i need to change it though
so that "login" button is on the outside
there
m
@Flyken I didn’t catch it. What’s your web app for?
f
its LFG, its called Hordler, you can sign up, look for groups, and subscribe to games, when you sub to games all that happens is add it to your "subbed" games list right now, but later down the road there'll be more
m
oh ok cool
i do have one suggestion for the cards
i think the game images would look better without the rounded borders on the bottom corners
f
one second
anyone know this?

https://i.imgur.com/zSDDb6V.png▾

its not transitioning correctly
m
what UI library are you using?
or are you not using one
f
supabase/ui
m
oh ok
f
Copy code
css
.darkModeNavigationList {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: rgb(48, 48, 48);
    transition: all 0.3s;
}
.lightModeNavigationList {
    display: flex;
    justify-content: center;
    width: 100%;
    transition: all 0.3s;
}
m
idk sorry. im using chakraui rn
f
its got a transition but its not 0.3s
or wait
it DOESN'T have a transition
i just removed the transition on the header
the contrast from the container and header looks rough but oh well
m
hmm
wanna post a quick gif or something im curious what it looks like when you switch dark/light mode
f
give me a second
working on something
m
ok np. i dont wanna distract you
f
@User

https://i.imgur.com/WLpZR1N.gif▾

when the screen reffreshes like that, thats me refreshing the site to show that it persists theme
:)
this took way too fucking long
im so proud of this
m
Oooo I like the delay on that
On the transition I mean
f
but see how the header changes faster than the rest?
thats what i meant
but its fine
m
I see
o
This is really cool, which framework are you using?
f
next.js
supabase (obviously 😉 )
and supabase/ui
LOVING supabase ui
well, im loving all of it
o
damn this is cool
f
whats cool?
o
You project, what you did
f
oh
well thanks :)

https://i.imgur.com/OXjkK9r.gif▾

thoughts on this? the card actually scales up by 0.01
PreviousNext
Powered by