Skip to content

Commit efef0f5

Browse files
lumpiniflumpinif
authored
Merge pull request #63 from lumpinif/main
fix(chrome): instruction selector content styling issue
2 parents 30dd539 + a6e2960 commit efef0f5

File tree

2 files changed

+80
-78
lines changed

2 files changed

+80
-78
lines changed

‎extensions/chrome/package.json‎

Lines changed: 74 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,79 +1,76 @@
11
{
2-
"name": "thinking-claude",
3-
"version": "3.2.1",
4-
"description": "Chrome extension for letting Claude think like a real human",
5-
"type": "module",
6-
"scripts": {
7-
"watch": "webpack --config webpack/webpack.dev.js --watch",
8-
"build": "webpack --config webpack/webpack.prod.js",
9-
"start": "webpack serve --config webpack/webpack.dev.js",
10-
"test": "bun test",
11-
"test:watch": "bun test --watch",
12-
"lint": "eslint .",
13-
"lint:fix": "eslint . --fix",
14-
"lint:staged": "lint-staged",
15-
"lint:types": "tsc --noEmit",
16-
"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
17-
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
18-
"fix": "bun run format && bun run lint:fix",
19-
"type-check": "tsc --noEmit"
20-
},
21-
"dependencies": {
22-
"@radix-ui/react-accordion": "^1.2.1",
23-
"@radix-ui/react-collapsible": "^1.1.1",
24-
"@radix-ui/react-icons": "^1.3.2",
25-
"@radix-ui/react-scroll-area": "^1.2.1",
26-
"@radix-ui/react-select": "^2.1.2",
27-
"@radix-ui/react-slot": "^1.1.0",
28-
"@radix-ui/react-tooltip": "^1.1.4",
29-
"class-variance-authority": "^0.7.0",
30-
"clsx": "^2.1.1",
31-
"lucide-react": "^0.460.0",
32-
"react": "^18.2.0",
33-
"react-dom": "^18.2.0",
34-
"tailwind-merge": "^1.14.0"
35-
},
36-
"devDependencies": {
37-
"@eslint/js": "^9.15.0",
38-
"@ianvs/prettier-plugin-sort-imports": "^3.7.2",
39-
"@types/chrome": "^0.0.246",
40-
"@types/node": "^20.8.2",
41-
"@types/react": "^18.2.24",
42-
"@types/react-dom": "^18.2.8",
43-
"@typescript-eslint/eslint-plugin": "^8.15.0",
44-
"@typescript-eslint/parser": "^8.15.0",
45-
"@vitest/runner": "^2.1.5",
46-
"autoprefixer": "^10.4.16",
47-
"copy-webpack-plugin": "^11.0.0",
48-
"css-loader": "^6.8.1",
49-
"eslint": "^9.15.0",
50-
"eslint-config-prettier": "^9.1.0",
51-
"eslint-plugin-react": "^7.37.2",
52-
"eslint-plugin-react-hooks": "^5.0.0",
53-
"husky": "^9.1.7",
54-
"identity-obj-proxy": "^3.0.0",
55-
"lint-staged": "^14.0.1",
56-
"markdownlint-cli2": "^0.15.0",
57-
"mini-css-extract-plugin": "^2.9.2",
58-
"postcss": "^8.4.31",
59-
"postcss-loader": "^7.3.3",
60-
"postcss-nesting": "^12.0.1",
61-
"style-loader": "^3.3.3",
62-
"tailwindcss": "^3.3.3",
63-
"tailwindcss-animate": "^1.0.7",
64-
"ts-loader": "^9.4.4",
65-
"typescript": "^5.2.2",
66-
"vitest": "^2.1.5",
67-
"webpack": "^5.88.2",
68-
"webpack-cli": "^5.1.4",
69-
"webpack-dev-server": "^4.15.1",
70-
"webpack-merge": "^5.9.0"
71-
},
72-
"lint-staged": {
73-
"*.{ts,tsx}": [
74-
"eslint --fix",
75-
"prettier --write"
76-
],
77-
"*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
78-
}
2+
"name": "thinking-claude",
3+
"version": "3.2.2",
4+
"description": "Chrome extension for letting Claude think like a real human",
5+
"type": "module",
6+
"scripts": {
7+
"watch": "webpack --config webpack/webpack.dev.js --watch",
8+
"build": "webpack --config webpack/webpack.prod.js",
9+
"start": "webpack serve --config webpack/webpack.dev.js",
10+
"test": "bun test",
11+
"test:watch": "bun test --watch",
12+
"lint": "eslint .",
13+
"lint:fix": "eslint . --fix",
14+
"lint:staged": "lint-staged",
15+
"lint:types": "tsc --noEmit",
16+
"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
17+
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
18+
"fix": "bun run format && bun run lint:fix",
19+
"type-check": "tsc --noEmit"
20+
},
21+
"dependencies": {
22+
"@radix-ui/react-accordion": "^1.2.1",
23+
"@radix-ui/react-collapsible": "^1.1.1",
24+
"@radix-ui/react-icons": "^1.3.2",
25+
"@radix-ui/react-scroll-area": "^1.2.1",
26+
"@radix-ui/react-select": "^2.1.2",
27+
"@radix-ui/react-slot": "^1.1.0",
28+
"@radix-ui/react-tooltip": "^1.1.4",
29+
"class-variance-authority": "^0.7.0",
30+
"clsx": "^2.1.1",
31+
"lucide-react": "^0.460.0",
32+
"react": "^18.2.0",
33+
"react-dom": "^18.2.0",
34+
"tailwind-merge": "^1.14.0"
35+
},
36+
"devDependencies": {
37+
"@eslint/js": "^9.15.0",
38+
"@ianvs/prettier-plugin-sort-imports": "^3.7.2",
39+
"@types/chrome": "^0.0.246",
40+
"@types/node": "^20.8.2",
41+
"@types/react": "^18.2.24",
42+
"@types/react-dom": "^18.2.8",
43+
"@typescript-eslint/eslint-plugin": "^8.15.0",
44+
"@typescript-eslint/parser": "^8.15.0",
45+
"@vitest/runner": "^2.1.5",
46+
"autoprefixer": "^10.4.16",
47+
"copy-webpack-plugin": "^11.0.0",
48+
"css-loader": "^6.8.1",
49+
"eslint": "^9.15.0",
50+
"eslint-config-prettier": "^9.1.0",
51+
"eslint-plugin-react": "^7.37.2",
52+
"eslint-plugin-react-hooks": "^5.0.0",
53+
"husky": "^9.1.7",
54+
"identity-obj-proxy": "^3.0.0",
55+
"lint-staged": "^14.0.1",
56+
"markdownlint-cli2": "^0.15.0",
57+
"mini-css-extract-plugin": "^2.9.2",
58+
"postcss": "^8.4.31",
59+
"postcss-loader": "^7.3.3",
60+
"postcss-nesting": "^12.0.1",
61+
"style-loader": "^3.3.3",
62+
"tailwindcss": "^3.3.3",
63+
"tailwindcss-animate": "^1.0.7",
64+
"ts-loader": "^9.4.4",
65+
"typescript": "^5.2.2",
66+
"vitest": "^2.1.5",
67+
"webpack": "^5.88.2",
68+
"webpack-cli": "^5.1.4",
69+
"webpack-dev-server": "^4.15.1",
70+
"webpack-merge": "^5.9.0"
71+
},
72+
"lint-staged": {
73+
"*.{ts,tsx}": ["eslint --fix", "prettier --write"],
74+
"*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
75+
}
7976
}

‎extensions/chrome/src/components/instruction-selector/index.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,12 @@ export function InstructionSelect() {
9494
<SelectTrigger className="inline-flex items-center justify-center relative shrink-0 ring-offset-2 ring-offset-bg-300 ring-accent-main-100 focus-visible:outline-none focus-visible:ring-1 tc-shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:drop-shadow-none max-w-full min-w-0 pl-1.5 pr-1 h-7 ml-0.5 mr-1 hover:bg-bg-200 hover:border-border-400 border-0.5 text-sm rounded-md border-transparent transition text-text-500 hover:text-text-200 font-tiempos !tc-font-normal tc-gap-x-1">
9595
<SelectValue placeholder="Let Claude think" />
9696
</SelectTrigger>
97-
<SelectContent className="z-50 bg-bg-200 backdrop-blur-xl border-0.5 border-border-300 rounded-xl min-w-[12rem] overflow-hidden p-1 text-text-200 shadow-[0_0_0_0.5px_rgba(0,0,0,0.1),0_0_20px_rgba(0,0,0,0.05),0_1px_5px_rgba(0,0,0,0.1)] w-64 sm:w-[28rem] md:tc-w-[32rem] !z-30">
97+
<SelectContent
98+
style={{
99+
zIndex: 9999,
100+
}}
101+
className="z-50 bg-bg-200 backdrop-blur-xl border-0.5 border-border-300 rounded-xl min-w-[12rem] overflow-hidden p-1 text-text-200 shadow-[0_0_0_0.5px_rgba(0,0,0,0.1),0_0_20px_rgba(0,0,0,0.05),0_1px_5px_rgba(0,0,0,0.1)] w-64 sm:w-[28rem] md:tc-w-[32rem] !z-30"
102+
>
98103
<div className="sm:flex justify-between items-center flex-1 text-xs font-medium text-text-300 px-1.5 pt-1 pb-1.5 min-h-5">
99104
<div className="translate-y-[0.5px]">
100105
Which model instruction should Claude use?

0 commit comments

Comments
 (0)