Coder Social home page Coder Social logo

Comments (6)

Lowentwickler avatar Lowentwickler commented on September 15, 2024

I suggest to create a generic component for tables, so we can ensure, that all tables in the applications works and looks the same.

Regarding the table itself, I suggest this list of columns:

  1. Tx ID -> Link to explorer
  2. Recepient -> Link to explorer
  3. Sender -> Link to explorer
  4. Type (Message, Receipt, Payment etc)
  5. Date
  6. Details button

Also as a part of this, duplicated entries should be solved, so only one is visible.

@fyziktom Do you agree?

from virtualeconomyframework.

Xaniaro avatar Xaniaro commented on September 15, 2024

We can also create generic component for cards. Instead of:

<div class="card" style="margin-top:10px;">
    <div class="card-header" style="padding-top: 5px;padding-bottom: 5px;">
        <h5 class="text-center">Title Example</h5>
    </div>
    <div class="card-body" style="padding: 5px;padding-left: 20px;padding-right: 20px;padding-bottom: 10px;">
        Content Example
    </div>
</div>

We can write this:

<Card style="margin-top:10px;" Title="Title Example">
    Content Example
</Card>

Or if we want to have more control:

<Card style="margin-top:10px;">
    <Header>
        <h5 class="text-center">Title Example</h5>
    </Header>
    <Body>
        Content Example
    </Body>
</Card>

Or change global style to prevent repeating too much

from virtualeconomyframework.

Lowentwickler avatar Lowentwickler commented on September 15, 2024

From my experience Card/Header/Body is a good practice.
I would also recommend to use tailwindcss for this project and forbid to use "style" tag.

from virtualeconomyframework.

fyziktom avatar fyziktom commented on September 15, 2024

I suggest to create a generic component for tables, so we can ensure, that all tables in the applications works and looks the same.

Regarding the table itself, I suggest this list of columns:

1. Tx ID -> Link to explorer

2. Recepient -> Link to explorer

3. Sender -> Link to explorer

4. Type (Message, Receipt, Payment etc)

5. Date

6. Details button

Also as a part of this, duplicated entries should be solved, so only one is visible.

@fyziktom Do you agree?

It makes sense for me. good point :)

from virtualeconomyframework.

fyziktom avatar fyziktom commented on September 15, 2024

From my experience Card/Header/Body is a good practice. I would also recommend to use tailwindcss for this project and forbid to use "style" tag.

I dont have lots of experiences with UI, so if you think it can reduce the style tags, it would be nice.
Main point of the VEFramework is to keep it simple without lots of dependencies which we cannot manage/maintain by ourselfs in the future.

from virtualeconomyframework.

fyziktom avatar fyziktom commented on September 15, 2024

Solved in #101. Now available as VEBlazor library.

from virtualeconomyframework.

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.