search

lablup / backend.ai-webui

Backend.AI Web UI for web / desktop app (Windows/Linux/macOS). Backend.AI Web UI provides a convenient environment for users, while allowing various commands to be executed without CLI. It also provides some visual features that are not provided by the CLI, such as dashboards and statistics.
https://www.backend.ai
GNU Lesser General Public License v3.0
92 stars 65 forks source link

Refactor css structure #1043

Open lizable opened 2 years ago

lizable commented 2 years ago

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 기능 요청이 특정 문제에 연관된 것이라면 여기에 그 문제를 설명해주세요. As a groundwork for building up our own design system, we need to re-organize css structure in a systematic way.

Describe the solution you'd like A clear and concise description of what you want to happen. 어떤 기능이 있으면 좋겠는지 자세히 설명해주세요.

Currently, there are too many duplicated style configuration all-around WebUI components. For providing better code maintenance, css structure should follow the basic rules below:

  1. General styles have to be assigned to backend-ai-general-styles.ts
  2. Component specific styles have to be assigned to get styles(), which is static method of the class of components.
  3. css configuration for every element should be arranged in well-known, acceptable rules. e.g.) Alphabetic, Commonly-used, etc.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered. 혹시 다른 대안들을 생각해본 적이 있다면 함께 적어주세요.

Additional context Add any other context or screenshots about the feature request here. 기능 요청에 대해 보다 잘 이해할 수 있는 다른 맥락을 기술해주세요. LINK

inureyes commented 10 months ago