subquery / network-app

dApp for Node Operators, consumers and delegators interact with SubQuery Network
https://app.subquery.network
GNU General Public License v3.0
14 stars 8 forks source link

Changed the Mobile interface a little #718

Closed duchuytb9x closed 4 months ago

duchuytb9x commented 4 months ago

Description

Change the interface of Dashboard, My-projects, Node-operators. Do not make changes on Desktop

Test cases:

Please describe tested cases.

Type of change

Please delete options that are not relevant.

UI Changes

Add before and after changes for UI if needed.

before after
Screenshot_26-4-2024_225955_app subquery network Screenshot_26-4-2024_225921_127 0 0 1
Screenshot_26-4-2024_23126_app subquery network Screenshot_26-4-2024_23045_127 0 0 1
Screenshot_26-4-2024_233333_app subquery network Screenshot_26-4-2024_233317_127 0 0 1
Screenshot_28-4-2024_174919_app subquery network Screenshot_28-4-2024_17495_127 0 0 1
duchuytb9x commented 4 months ago

function getWindowDimensions() you can write in one place and use it in many places!

HuberTRoy commented 4 months ago

Thanks for your contribute, looks great, can you please made some adjust:

  1. Please change the

    .xxx { @media {...} }
    .yyy { @media {...} }

    to

    @media { 
    .xxx {...} 
    .yyy {...}
    }
  2. Set a class name for elements which need to change style on Mobile.

  3. Please don't copy the same code everywhere, use https://ahooks.js.org/hooks/use-size or https://ahooks.js.org/hooks/use-responsive replace getWindowDimensions.

duchuytb9x commented 4 months ago

adjust completed. You can check change

HuberTRoy commented 4 months ago

Thanks for your work~.