From 35fd9be354b2f294461de39ec996a68db2c5cfc0 Mon Sep 17 00:00:00 2001 From: kexogg Date: Mon, 19 Feb 2024 03:04:30 +0500 Subject: [PATCH] minor fixes --- README.md | 32 ++------------------- index.html | 1 - src/components/Dropdown/Dropdown.module.css | 11 +------ src/pages/Profile/Profile.module.css | 3 +- 4 files changed, 4 insertions(+), 43 deletions(-) diff --git a/README.md b/README.md index 0d6babe..44e936e 100644 --- a/README.md +++ b/README.md @@ -1,30 +1,2 @@ -# React + TypeScript + Vite - -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. - -Currently, two official plugins are available: - -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh - -## Expanding the ESLint configuration - -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: - -- Configure the top-level `parserOptions` property like this: - -```js -export default { - // other rules... - parserOptions: { - ecmaVersion: 'latest', - sourceType: 'module', - project: ['./tsconfig.json', './tsconfig.node.json'], - tsconfigRootDir: __dirname, - }, -} -``` - -- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` -- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list +## Github pages demo +https://kexogg.github.io/66bit-frontend \ No newline at end of file diff --git a/index.html b/index.html index e4b78ea..1bd99ac 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,6 @@ - Vite + React + TS diff --git a/src/components/Dropdown/Dropdown.module.css b/src/components/Dropdown/Dropdown.module.css index 64c6c2e..03cc7c6 100644 --- a/src/components/Dropdown/Dropdown.module.css +++ b/src/components/Dropdown/Dropdown.module.css @@ -8,8 +8,8 @@ .dropdown__label::after { content: ''; - background-size: 1rem; background: url("Dropdown.svg") no-repeat center; + background-size: 1rem; width: 1.15rem; aspect-ratio: 1.5; display: inline-block; @@ -19,17 +19,8 @@ transition: transform 0.3s; } -.dropdown__label:has(.dropdown__checkbox:checked)::after { - transform: rotate(0deg); -} - -.dropdown__label:has(.dropdown__checkbox:checked) { - color: var(--primary); -} - .dropdown__options { z-index: 10; - /*pointer-events: none;*/ cursor: initial; font-size: initial; font-weight: initial; diff --git a/src/pages/Profile/Profile.module.css b/src/pages/Profile/Profile.module.css index b49cdd6..f78e961 100644 --- a/src/pages/Profile/Profile.module.css +++ b/src/pages/Profile/Profile.module.css @@ -81,9 +81,8 @@ gap: 1rem; } .profile__title { - gap: 0rem; + gap: 0; } - .profile__header h1 { font-size: 20px; line-height: 24px;