https://supabase.com/ logo
#showcase
Title
# showcase
f

Flyken

07/29/2021, 10:14 PM

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

Olyno

07/29/2021, 10:22 PM
Maybe try a more lighter shadow color
Black is too aggressive? If it's the right word for that
f

Flyken

07/29/2021, 10:24 PM
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

Olyno

07/29/2021, 10:29 PM
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

Flyken

07/29/2021, 10:30 PM
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

Olyno

07/29/2021, 10:35 PM
Yeah now it should be good right?
f

Flyken

07/29/2021, 10:38 PM
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

Olyno

07/29/2021, 10:44 PM
Yeah it's cool!
f

Flyken

07/29/2021, 11:03 PM
do you have any suggestions for the entire page? this is the home page where your subscribed games is displayed
o

Olyno

07/29/2021, 11:03 PM
Oh yeah, the big title top left, smaller, and all cards smaller
f

Flyken

07/29/2021, 11:04 PM
should i add a bigger margin on the brand?
o

Olyno

07/29/2021, 11:04 PM
I think it's good
f

Flyken

07/29/2021, 11:11 PM
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

Olyno

07/29/2021, 11:12 PM
I would reduce cards size, and put some spaces between the avatar and the logout button
f

Flyken

07/29/2021, 11:12 PM
make them even smaller?
o

Olyno

07/29/2021, 11:12 PM
Wait
Okay I remove what I said
Cards size is fine
But maybe add some spaces between avatar and logout button?
f

Flyken

07/29/2021, 11:13 PM
i swapped them too
o

Olyno

07/29/2021, 11:14 PM
What did you swap?
f

Flyken

07/29/2021, 11:14 PM
the logout button and profile
so profile is on the outside
WAIT
IDEA
HOLD UP
o

Olyno

07/29/2021, 11:14 PM
xD
f

Flyken

07/29/2021, 11:17 PM
moved logout into the side panel!
o

Olyno

07/29/2021, 11:17 PM
Damn, this is good!
f

Flyken

07/29/2021, 11:17 PM
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

M1K3

07/30/2021, 1:34 AM
@Flyken I didn’t catch it. What’s your web app for?
f

Flyken

07/30/2021, 1:34 AM
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

M1K3

07/30/2021, 1:38 AM
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

Flyken

07/30/2021, 1:41 AM
one second
anyone know this?

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

its not transitioning correctly
m

M1K3

07/30/2021, 1:44 AM
what UI library are you using?
or are you not using one
f

Flyken

07/30/2021, 1:44 AM
supabase/ui
m

M1K3

07/30/2021, 1:44 AM
oh ok
f

Flyken

07/30/2021, 1:44 AM
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

M1K3

07/30/2021, 1:44 AM
idk sorry. im using chakraui rn
f

Flyken

07/30/2021, 1:45 AM
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

M1K3

07/30/2021, 1:51 AM
hmm
wanna post a quick gif or something im curious what it looks like when you switch dark/light mode
f

Flyken

07/30/2021, 1:52 AM
give me a second
working on something
m

M1K3

07/30/2021, 1:52 AM
ok np. i dont wanna distract you
f

Flyken

07/30/2021, 2:55 AM
@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

M1K3

07/30/2021, 3:06 AM
Oooo I like the delay on that
On the transition I mean
f

Flyken

07/30/2021, 3:07 AM
but see how the header changes faster than the rest?
thats what i meant
but its fine
m

M1K3

07/30/2021, 3:13 AM
I see
o

Olyno

07/30/2021, 3:15 AM
This is really cool, which framework are you using?
f

Flyken

07/30/2021, 3:15 AM
next.js
supabase (obviously 😉 )
and supabase/ui
LOVING supabase ui
well, im loving all of it
o

Olyno

07/30/2021, 3:33 AM
damn this is cool
f

Flyken

07/30/2021, 3:33 AM
whats cool?
o

Olyno

07/30/2021, 3:59 AM
You project, what you did
f

Flyken

07/30/2021, 4:00 AM
oh
well thanks :)

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

thoughts on this? the card actually scales up by 0.01