Skip to content

Commit 3c1843c

Browse files
gleiser-oliveiragleiser-oliveira
committed
feat: scroll styling
1 parent 684c1ae commit 3c1843c

File tree

4 files changed

+16
-39
lines changed

4 files changed

+16
-39
lines changed

‎apps/evm/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,7 @@
148148
"stylelint": "^15.10.3",
149149
"tailwindcss": "^3.3.3",
150150
"tailwindcss-animate": "^1.0.7",
151+
"tailwind-scrollbar": "3.1.0",
151152
"tsconfig-paths": "^4.2.0",
152153
"tsx": "^4.1.2",
153154
"typescript": "^5.1.6",

‎apps/evm/src/pages/Account/NewPage/Transactions/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -150,8 +150,8 @@ export const Transactions: React.FC = () => {
150150
variant="tertiary"
151151
placeLabelToLeft
152152
options={txTypeSelectOptions}
153-
optionClassName="px-3 h-10"
154-
dropdownClassName="overflow-auto max-h-70"
153+
optionClassName="px-3 h-10 scrollbar-track-cards"
154+
dropdownClassName="overflow-auto max-h-70 scrollbar-thin scrollbar-track-cards scrollbar-thumb-grey"
155155
buttonClassName="min-w-45"
156156
value={txTypeStr}
157157
onChange={newValue => setTxType(newValue.toString())}
@@ -161,8 +161,8 @@ export const Transactions: React.FC = () => {
161161
variant="tertiary"
162162
placeLabelToLeft
163163
options={sourceSelectOptions}
164-
optionClassName="px-3 h-10"
165-
dropdownClassName="overflow-y-auto max-h-70 bg-cards"
164+
optionClassName="px-3 h-10 scrollbar-track-cards"
165+
dropdownClassName="overflow-y-auto max-h-70 scrollbar-thin scrollbar-track-cards scrollbar-thumb-grey"
166166
buttonClassName="min-w-45"
167167
value={selectedContractAddress}
168168
onChange={newValue => setSelectedContractAddress(newValue.toString())}

‎apps/evm/tailwind.config.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
/** @type {import('tailwindcss').Config} */
22
import path from 'node:path';
33
import tailwindConfig from '@venusprotocol/ui/tailwind-config';
4+
import tailwindScrollbar from 'tailwind-scrollbar';
45
import tailwindCssAnimate from 'tailwindcss-animate';
56

67
export default {
@@ -12,5 +13,5 @@ export default {
1213
path.join(path.dirname(require.resolve('@venusprotocol/ui')), dir),
1314
),
1415
],
15-
plugins: [tailwindCssAnimate],
16+
plugins: [tailwindCssAnimate, tailwindScrollbar],
1617
};

‎yarn.lock‎

Lines changed: 9 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -4453,7 +4453,7 @@
44534453
dependencies:
44544454
semver "^7.3.5"
44554455

4456-
"@openzeppelin-3/contracts@npm:@openzeppelin/contracts@^3.4.2-solc-0.7":
4456+
"@openzeppelin-3/contracts@npm:@openzeppelin/contracts@^3.4.2-solc-0.7", "@openzeppelin/contracts-v0.7@npm:@openzeppelin/[email protected]":
44574457
version "3.4.2"
44584458
resolved "https://registry.yarnpkg.com/@openzeppelin/contracts/-/contracts-3.4.2.tgz#d81f786fda2871d1eb8a8c5a73e455753ba53527"
44594459
integrity sha512-z0zMCjyhhp4y7XKAcDAi3Vgms4T2PstwBdahiO0+9NaGICQKjynK3wduSRplTgk4LXmoO1yfDGO5RbjKYxtuxA==
@@ -4468,11 +4468,6 @@
44684468
resolved "https://registry.yarnpkg.com/@openzeppelin/contracts-upgradeable/-/contracts-upgradeable-4.9.5.tgz#572b5da102fc9be1d73f34968e0ca56765969812"
44694469
integrity sha512-f7L1//4sLlflAN7fVzJLoRedrf5Na3Oal5PZfIq55NFcVZ90EpV1q5xOvL4lFvg3MNICSDr2hH0JUBxwlxcoPg==
44704470

4471-
"@openzeppelin/contracts-v0.7@npm:@openzeppelin/[email protected]":
4472-
version "3.4.2"
4473-
resolved "https://registry.yarnpkg.com/@openzeppelin/contracts/-/contracts-3.4.2.tgz#d81f786fda2871d1eb8a8c5a73e455753ba53527"
4474-
integrity sha512-z0zMCjyhhp4y7XKAcDAi3Vgms4T2PstwBdahiO0+9NaGICQKjynK3wduSRplTgk4LXmoO1yfDGO5RbjKYxtuxA==
4475-
44764471
"@openzeppelin/[email protected]":
44774472
version "3.4.2-solc-0.7"
44784473
resolved "https://registry.yarnpkg.com/@openzeppelin/contracts/-/contracts-3.4.2-solc-0.7.tgz#38f4dbab672631034076ccdf2f3201fab1726635"
@@ -16034,16 +16029,7 @@ string-env-interpolation@^1.0.1:
1603416029
resolved "https://registry.yarnpkg.com/string-env-interpolation/-/string-env-interpolation-1.0.1.tgz#ad4397ae4ac53fe6c91d1402ad6f6a52862c7152"
1603516030
integrity sha512-78lwMoCcn0nNu8LszbP1UA7g55OeE4v7rCeWnM5B453rnNr4aq+5it3FEYtZrSEiMvHZOZ9Jlqb0OD0M2VInqg==
1603616031

16037-
"string-width-cjs@npm:string-width@^4.2.0":
16038-
version "4.2.3"
16039-
resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
16040-
integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
16041-
dependencies:
16042-
emoji-regex "^8.0.0"
16043-
is-fullwidth-code-point "^3.0.0"
16044-
strip-ansi "^6.0.1"
16045-
16046-
"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
16032+
"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
1604716033
version "4.2.3"
1604816034
resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
1604916035
integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -16083,7 +16069,7 @@ string_decoder@~1.1.1:
1608316069
dependencies:
1608416070
safe-buffer "~5.1.0"
1608516071

16086-
"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
16072+
"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
1608716073
version "6.0.1"
1608816074
resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
1608916075
integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -16097,13 +16083,6 @@ strip-ansi@^4.0.0:
1609716083
dependencies:
1609816084
ansi-regex "^3.0.0"
1609916085

16100-
strip-ansi@^6.0.0, strip-ansi@^6.0.1:
16101-
version "6.0.1"
16102-
resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
16103-
integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
16104-
dependencies:
16105-
ansi-regex "^5.0.1"
16106-
1610716086
strip-ansi@^7.0.1, strip-ansi@^7.1.0:
1610816087
version "7.1.0"
1610916088
resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -16435,6 +16414,11 @@ tailwind-merge@^3.1.0:
1643516414
resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-3.3.1.tgz#a7e7db7c714f6020319e626ecfb7e7dac8393a4b"
1643616415
integrity sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==
1643716416

16417+
[email protected]:
16418+
version "3.1.0"
16419+
resolved "https://registry.yarnpkg.com/tailwind-scrollbar/-/tailwind-scrollbar-3.1.0.tgz#ff7596407b6da5209261d8ff03860ab9206a59e3"
16420+
integrity sha512-pmrtDIZeHyu2idTejfV59SbaJyvp1VRjYxAjZBH0jnyrPRo6HL1kD5Glz8VPagasqr6oAx6M05+Tuw429Z8jxg==
16421+
1643816422
tailwindcss-animate@^1.0.7:
1643916423
version "1.0.7"
1644016424
resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
@@ -17695,7 +17679,7 @@ [email protected]:
1769517679
resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.2.1.tgz#46fc150c17d826b86a008e5a4508656777e9c343"
1769617680
integrity sha512-ILEIE97kDZvF9Wb9f6h5aXK4swSlKGUcOEGiIYb2OOu/IrDU9iwj0fD//SsA6E5ibwJxpEvhullJY4Sl4GcpAw==
1769717681

17698-
"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
17682+
"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
1769917683
version "7.0.0"
1770017684
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
1770117685
integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -17713,15 +17697,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
1771317697
string-width "^4.1.0"
1771417698
strip-ansi "^6.0.0"
1771517699

17716-
wrap-ansi@^7.0.0:
17717-
version "7.0.0"
17718-
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
17719-
integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
17720-
dependencies:
17721-
ansi-styles "^4.0.0"
17722-
string-width "^4.1.0"
17723-
strip-ansi "^6.0.0"
17724-
1772517700
wrap-ansi@^8.1.0:
1772617701
version "8.1.0"
1772717702
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"

0 commit comments

Comments
 (0)