all-fixed

This commit is contained in:
Untone 2024-02-04 17:39:05 +03:00
parent 577aaaf9f2
commit 2f2fb780bf
5 changed files with 14 additions and 25 deletions

View File

@ -1,7 +1,5 @@
{ {
"*.{js,ts,cjs,mjs,d.mts,jsx,tsx,json,jsonc}": [ "*.{js,ts,cjs,mjs,d.mts,jsx,tsx,json,jsonc}": [
"biome check . --no-errors-on-unmatched --apply" "npx @biomejs/biome check src --log-kind=compact --verbose --apply-unsafe && stylelint **/*.{scss,css} --fix"
], ]
"package.json": "sort-package-json",
"public/locales/**/*.json": "sort-json"
} }

View File

@ -11,11 +11,13 @@
"deploy": "graphql-codegen && npm run typecheck && vite build && vercel", "deploy": "graphql-codegen && npm run typecheck && vite build && vercel",
"dev": "vite", "dev": "vite",
"e2e": "npx playwright test --project=chromium", "e2e": "npx playwright test --project=chromium",
"fix": "npm run lint:code:fix && npm run lint:styles:fix", "fix": "npm run check:code:fix && stylelint **/*.{scss,css} --fix",
"format": "npx @biomejs/biome format src/. --write", "format": "npx @biomejs/biome format src/. --write",
"hygen": "HYGEN_TMPLS=gen hygen", "hygen": "HYGEN_TMPLS=gen hygen",
"postinstall": "npm run codegen", "postinstall": "npm run codegen",
"lint": "npm run lint:code && npm run lint:styles", "check:code": "npx @biomejs/biome check src --log-kind=compact --verbose",
"check:code:fix": "npx @biomejs/biome check src --log-kind=compact --verbose --apply-unsafe",
"lint": "npm run lint:code && stylelint **/*.{scss,css}",
"lint:code": "npx @biomejs/biome lint src --log-kind=compact --verbose", "lint:code": "npx @biomejs/biome lint src --log-kind=compact --verbose",
"lint:code:fix": "npx @biomejs/biome lint src --apply-unsafe --log-kind=compact --verbose", "lint:code:fix": "npx @biomejs/biome lint src --apply-unsafe --log-kind=compact --verbose",
"lint:styles": "stylelint **/*.{scss,css}", "lint:styles": "stylelint **/*.{scss,css}",

View File

@ -187,7 +187,6 @@
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
margin-top: 0.3em; margin-top: 0.3em;
color: var(--danger-color); color: var(--danger-color);
a { a {

View File

@ -1,11 +1,9 @@
@mixin searchFilterControl { @mixin search-filter-control {
@include font-size(1.4rem); @include font-size(1.4rem);
height: 4rem; height: 4rem;
padding: 0 2rem; padding: 0 2rem;
background: rgb(64 64 64 / 50%);
background: rgb(64 64 64 / 0.5);
border-radius: 10rem; border-radius: 10rem;
color: #fff; color: #fff;
font-weight: 500; font-weight: 500;
@ -16,7 +14,7 @@
} }
&:active { &:active {
color: rgb(255 255 255 / 0.4); color: rgb(255 255 255 / 40%);
} }
} }
@ -28,9 +26,7 @@
@include font-size(4.8rem); @include font-size(4.8rem);
width: 100%; width: 100%;
padding: 0 0 0.5rem; padding: 0 0 0.5rem;
background: none; background: none;
border: none; border: none;
border-bottom: 2px solid #fff; border-bottom: 2px solid #fff;
@ -39,14 +35,13 @@
outline: none; outline: none;
&::placeholder { &::placeholder {
color: rgb(255 255 255 / 0.32); color: rgb(255 255 255 / 32%);
} }
&:not(:placeholder-shown) + .searchButton img { &:not(:placeholder-shown) + .searchButton img {
filter: invert(1); filter: invert(1);
} }
&::-moz-selection,
&::selection { &::selection {
color: #2638d9; color: #2638d9;
} }
@ -56,7 +51,6 @@
position: absolute; position: absolute;
right: 0; right: 0;
top: 2rem; top: 2rem;
width: 3.2rem; width: 3.2rem;
height: 3.2rem; height: 3.2rem;
@ -67,9 +61,10 @@
.searchDescription { .searchDescription {
margin-bottom: 44px; margin-bottom: 44px;
@include font-size(1.6rem); @include font-size(1.6rem);
color: rgb(255 255 255 / 0.64); color: rgb(255 255 255 / 64%);
} }
.topicsList { .topicsList {
@ -77,12 +72,11 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
gap: 1rem; gap: 1rem;
margin-top: 9.6rem !important; margin-top: 9.6rem !important;
} }
.topTopic { .topTopic {
@include searchFilterControl; @include search-filter-control;
} }
.filterSwitcher { .filterSwitcher {
@ -108,22 +102,19 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 1rem; gap: 1rem;
margin: 6.4rem 0; margin: 6.4rem 0;
} }
.filterResultsControl { .filterResultsControl {
@include searchFilterControl; @include search-filter-control;
} }
.searchLoader { .searchLoader {
width: 28px; width: 28px;
height: 28px; height: 28px;
border: 5px solid #fff; border: 5px solid #fff;
border-bottom-color: transparent; border-bottom-color: transparent;
border-radius: 50%; border-radius: 50%;
animation: rotation 1s linear infinite; animation: rotation 1s linear infinite;
} }

View File

@ -5,6 +5,5 @@
.cropperControls { .cropperControls {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 2rem; margin-top: 2rem;
} }