Skip to content

Commit

Permalink
style: 💎 fix various styles issues
Browse files Browse the repository at this point in the history
Not coming from that PR directly but revealed by it.
Also adds ts,tsx and json to the linters.
  • Loading branch information
melMass committed May 11, 2024
1 parent 25ab072 commit d3cf78e
Show file tree
Hide file tree
Showing 5 changed files with 153 additions and 155 deletions.
270 changes: 133 additions & 137 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,141 +1,137 @@
{
"name": "teia-ui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@taquito/beacon-wallet": "^17.4.0",
"@taquito/michelson-encoder": "^17.4.0",
"@taquito/taquito": "^17.4.0",
"axios": "^0.27.2",
"base-x": "^4.0.0",
"bs58check": "^2.1.2",
"canvas": "^2.11.2",
"classnames": "^2.3.2",
"compressorjs": "^1.1.1",
"fflate": "^0.7.4",
"framer-motion": "^9.0.1",
"graphql": "^16.4.0",
"graphql-request": "^4.2.0",
"json5": "^2.2.3",
"keyboardjs": "^2.7.0",
"markdown-to-jsx": "^7.1.9",
"mime-types": "^2.1.35",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.43.1",
"react-infinite-scroller": "^1.2.6",
"react-intersection-observer": "^9.4.2",
"react-lazy-load-image-component": "^1.5.6",
"react-masonry-css": "^1.0.16",
"react-router": "^6.8.1",
"react-router-dom": "^6.8.1",
"react-select": "^5.7.0",
"react-use": "^17.4.0",
"react-use-clipboard": "^1.0.9",
"screenfull": "^6.0.2",
"swr": "^1.3.0"
},
"scripts": {
"analyze": "source-map-explorer 'build/assets/*.js'",
"start": "vite",
"serve": "vite preview",
"build": "vite build",
"build-dev": "vite --mode development build",
"test": "vite test",
"screenshots": "playwright test",
"eject": "react-scripts eject",
"format": "prettier --write \"./src/**/*.{js,jsx,scss}\"",
"prepare": "husky install",
"lint": "eslint src --ext .js,.jsx",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"eslintConfig": {
"extends": "react-app"
},
"lint-staged": {
"./src/**/*.{js,jsx,scss}": "prettier --write"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@airgap/beacon-types": "^3.3.3",
"@babel/preset-react": "^7.18.6",
"@google/model-viewer": "^3.0.1",
"@hookform/devtools": "^4.3.0",
"@storybook/addon-essentials": "^7.6.11",
"@storybook/addon-interactions": "^7.6.11",
"@storybook/addon-links": "^7.6.11",
"@storybook/blocks": "^7.6.11",
"@storybook/react": "^7.6.11",
"@storybook/react-vite": "^7.6.11",
"@storybook/testing-library": "^0.2.2",
"@testing-library/jest-dom": "^6.4.0",
"@testing-library/react": "^14.2.0",
"@testing-library/user-event": "^14.5.2",
"@vitejs/plugin-react": "^3.1.0",
"assert": "^2.0.0",
"buffer": "^6.0.3",
"cross-env": "^7.0.3",
"cssnano": "^5.1.14",
"eslint": "^8.34.0",
"eslint-config-react-app": "^7.0.1",
"eslint-plugin-jsx-a11y": "^6.6.1",
"eslint-plugin-react": "^7.32.2",
"fnv1a": "^1.1.1",
"fs-extra": "^11.1.0",
"husky": "^7.0.4",
"libsodium-wrappers": "^0.7.11",
"lodash": "^4.17.21",
"path-browserify": "^1.0.1",
"postcss": "^8.4.21",
"postcss-flexbugs-fixes": "^5.0.2",
"postcss-preset-env": "^7.8.3",
"prettier": "^2.8.4",
"process": "^0.11.10",
"prop-types": "^15.8.1",
"react-pdf": "^6.2.2",
"rollup-plugin-node-polyfills": "^0.2.1",
"rollup-plugin-polyfill-node": "^0.12.0",
"sass": "^1.58.1",
"source-map-explorer": "^2.5.3",
"storybook": "^7.6.11",
"stylelint": "^14.16.1",
"stylelint-config-standard-scss": "^6.1.0",
"twemoji": "^14.0.2",
"typescript": "^4.9.5",
"vite": "^4.1.1",
"vite-compatible-readable-stream": "^3.6.1",
"vite-plugin-ejs": "^1.6.4",
"vite-plugin-eslint": "^1.8.1",
"vite-plugin-filter-replace": "^0.1.10",
"vite-plugin-markdown": "^2.1.0",
"vite-plugin-node-polyfills": "^0.7.0",
"vite-plugin-node-stdlib-browser": "^0.1.1",
"vite-plugin-svgr": "^2.4.0",
"vite-tsconfig-paths": "^4.0.5",
"zustand": "^4.3.3"
},
"overrides": {
"vite-plugin-markdown": {
"vite": "$vite"
"name": "teia-ui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@taquito/beacon-wallet": "^17.4.0",
"@taquito/michelson-encoder": "^17.4.0",
"@taquito/taquito": "^17.4.0",
"axios": "^0.27.2",
"base-x": "^4.0.0",
"bs58check": "^2.1.2",
"canvas": "^2.11.2",
"classnames": "^2.3.2",
"compressorjs": "^1.1.1",
"fflate": "^0.7.4",
"framer-motion": "^9.0.1",
"graphql": "^16.4.0",
"graphql-request": "^4.2.0",
"json5": "^2.2.3",
"keyboardjs": "^2.7.0",
"markdown-to-jsx": "^7.1.9",
"mime-types": "^2.1.35",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.43.1",
"react-infinite-scroller": "^1.2.6",
"react-intersection-observer": "^9.4.2",
"react-lazy-load-image-component": "^1.5.6",
"react-masonry-css": "^1.0.16",
"react-router": "^6.8.1",
"react-router-dom": "^6.8.1",
"react-select": "^5.7.0",
"react-use": "^17.4.0",
"react-use-clipboard": "^1.0.9",
"screenfull": "^6.0.2",
"swr": "^1.3.0"
},
"vite-plugin-node-stdlib-browser": {
"vite": "$vite"
"scripts": {
"analyze": "source-map-explorer 'build/assets/*.js'",
"start": "vite",
"serve": "vite preview",
"build": "vite build",
"build-dev": "vite --mode development build",
"test": "vite test",
"screenshots": "playwright test",
"eject": "react-scripts eject",
"format": "prettier --write \"./src/**/*.{js,jsx,scss}\"",
"prepare": "husky install",
"lint": "eslint src --ext .js,.jsx,.ts,.tsx",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"eslintConfig": {
"extends": "react-app"
},
"lint-staged": {
"./src/**/*.{js,jsx,scss,css,ts,tsx,json}": "prettier --write"
},
"browserslist": {
"production": [">0.2%", "not dead", "not op_mini all"],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@airgap/beacon-types": "^3.3.3",
"@babel/preset-react": "^7.18.6",
"@google/model-viewer": "^3.0.1",
"@hookform/devtools": "^4.3.0",
"@storybook/addon-essentials": "^7.6.11",
"@storybook/addon-interactions": "^7.6.11",
"@storybook/addon-links": "^7.6.11",
"@storybook/blocks": "^7.6.11",
"@storybook/react": "^7.6.11",
"@storybook/react-vite": "^7.6.11",
"@storybook/testing-library": "^0.2.2",
"@testing-library/jest-dom": "^6.4.0",
"@testing-library/react": "^14.2.0",
"@testing-library/user-event": "^14.5.2",
"@vitejs/plugin-react": "^3.1.0",
"assert": "^2.0.0",
"buffer": "^6.0.3",
"cross-env": "^7.0.3",
"cssnano": "^5.1.14",
"eslint": "^8.34.0",
"eslint-config-react-app": "^7.0.1",
"eslint-plugin-jsx-a11y": "^6.6.1",
"eslint-plugin-react": "^7.32.2",
"fnv1a": "^1.1.1",
"fs-extra": "^11.1.0",
"husky": "^7.0.4",
"libsodium-wrappers": "^0.7.11",
"lodash": "^4.17.21",
"path-browserify": "^1.0.1",
"postcss": "^8.4.21",
"postcss-flexbugs-fixes": "^5.0.2",
"postcss-preset-env": "^7.8.3",
"prettier": "^2.8.4",
"process": "^0.11.10",
"prop-types": "^15.8.1",
"react-pdf": "^6.2.2",
"rollup-plugin-node-polyfills": "^0.2.1",
"rollup-plugin-polyfill-node": "^0.12.0",
"sass": "^1.58.1",
"source-map-explorer": "^2.5.3",
"storybook": "^7.6.11",
"stylelint": "^14.16.1",
"stylelint-config-standard-scss": "^6.1.0",
"twemoji": "^14.0.2",
"typescript": "^4.9.5",
"vite": "^4.1.1",
"vite-compatible-readable-stream": "^3.6.1",
"vite-plugin-ejs": "^1.6.4",
"vite-plugin-eslint": "^1.8.1",
"vite-plugin-filter-replace": "^0.1.10",
"vite-plugin-markdown": "^2.1.0",
"vite-plugin-node-polyfills": "^0.7.0",
"vite-plugin-node-stdlib-browser": "^0.1.1",
"vite-plugin-svgr": "^2.4.0",
"vite-tsconfig-paths": "^4.0.5",
"zustand": "^4.3.3"
},
"overrides": {
"vite-plugin-markdown": {
"vite": "$vite"
},
"vite-plugin-node-stdlib-browser": {
"vite": "$vite"
}
},
"module": "commonjs",
"optionalDependencies": {
"@playwright/test": "^1.41.1"
}
},
"module": "commonjs",
"optionalDependencies": {
"@playwright/test": "^1.41.1"
}
}
3 changes: 3 additions & 0 deletions src/components/feed-item/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,9 @@
width: 100%;
height: 100%;
pointer-events: none;
p {
white-space: pre-wrap;
}
}

.moderated {
Expand Down
1 change: 1 addition & 0 deletions src/components/preview/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,7 @@ export const Preview = () => {
}
return (
<motion.div
className={styles.container}
style={{ width: '100%' }}
initial={{ x: '20%' }}
animate={{ x: 0 }}
Expand Down
29 changes: 11 additions & 18 deletions src/components/preview/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,32 +3,26 @@
.container {
display: flex;
flex-direction: column !important;
.field {
p {
white-space: pre-wrap;
}
}

.media,
.info {
width: 100%;
}

.info {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}

.field {
white-space: pre-wrap;
}

.attributes {
display: flex;
flex-direction: row;
margin-bottom: 20px;
}
strong {
margin-right: 1em;
min-width: 75px;
}
.label {
color: var(--gray-40);
border: 1px solid var(--gray-30);
Expand All @@ -46,17 +40,17 @@
align-items: center;
}

strong {
margin-right: 1em;
min-width: 75px;
}

@include respond-to('tablet') {
flex-direction: initial;

.media,
.info {
width: 100%;
}

.media {
min-height: 40vh;
display: flex;
// display: flex;
align-items: center;
justify-content: center;
}
Expand All @@ -70,7 +64,6 @@
.field {
margin-bottom: 20px;
}

.title {
font-weight: bold;
}
Expand Down
5 changes: 5 additions & 0 deletions src/pages/objkt-display/tabs/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -242,6 +242,11 @@
h1 {
margin-bottom: 10px;
}

p {
white-space: pre-wrap;
}

margin-bottom: 20px;
}

Expand Down

0 comments on commit d3cf78e

Please sign in to comment.