layer5io/sistent

Create `Welcome` card to test against Sistent

Opened this issue · 1 comments

Current Behavior

Testing Sistent Theme Provider against some of the pages and components being used in Meshery Cloud UI.

Screenshot from 2024-05-04 22-09-34

The icons are wrapped with IconButton and the icons have been refactored to use a test base icon that describes how all icons could be. The margin right for the the second item still needs to be adjusted because it is dependent on the size of the icon and the size from the IconButton

Here is the mobile version:

image

I am testing dark mode, but needs more testing before showing the dark mode version of this.

Desired Behavior

Here is a picture of a before and after, of what it could look like, but it is not a final implementation.

Implementation

Acceptance Tests

Mockups


Contributor Guide

Hey @nebula-aac Can I work on this?