GithubHelp home page GithubHelp logo

Comments (6)

asamalik avatar asamalik commented on July 2, 2024 1

That looks nice! But it hasn't removed those duplicate items.

What about this:

(And here I'm learning the tool, so this is a quick draft I made in Inkscape — the colors are horrible on purpose, all I want to communicate is the layout. You can make things way nicer than I can anyway! 😄)

Screenshot 2024-03-15 at 13 09 58

Screenshot 2024-03-15 at 13 10 01

Here I merged both the Featured Extensions and the Available Extensions together to get rid of the duplicities. And then I somehow highlighted the featured ones. That would need to be done in a better way than this of course!

What do you think about this direction?

from podman-desktop.

ekidneyrh avatar ekidneyrh commented on July 2, 2024 1

I really like that idea!! I'll mock it up on penpot :p

from podman-desktop.

ekidneyrh avatar ekidneyrh commented on July 2, 2024

image

Had a look at this, maybe the way to go could be using the cards like in the learning centre? This gives the user the option to hide them then also.

Diff states for these cards can be defined / documented in the design system. I saw some already created in the penpot file:
image

WDYT @asamalik?

from podman-desktop.

asamalik avatar asamalik commented on July 2, 2024

I can imagine the "Featured" designator could be many different things, like a badge, or an icon, or even slightly different background and border... anything to make it nice, distinct, and clear that it's featured.

Maybe you can even reuse what you've done, and use the bigger cards in there.

from podman-desktop.

benoitf avatar benoitf commented on July 2, 2024

on my side I like the proposal to display featured first using almost the same layout

image

from podman-desktop.

ekidneyrh avatar ekidneyrh commented on July 2, 2024

image
something like this?

from podman-desktop.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.