Skip to content

Commit

Permalink
Merge pull request #63 from lumpinif/main
Browse files Browse the repository at this point in the history 
fix(chrome): instruction selector content styling issue
  • Loading branch information
@lumpinif
lumpinif authored Jan 9, 2025
2 parents 30dd539 + a6e2960 commit efef0f5
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 78 deletions.
151 changes: 74 additions & 77 deletions extensions/chrome/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,79 +1,76 @@
{
"name": "thinking-claude",
"version": "3.2.1",
"description": "Chrome extension for letting Claude think like a real human",
"type": "module",
"scripts": {
"watch": "webpack --config webpack/webpack.dev.js --watch",
"build": "webpack --config webpack/webpack.prod.js",
"start": "webpack serve --config webpack/webpack.dev.js",
"test": "bun test",
"test:watch": "bun test --watch",
"lint": "eslint .",
"lint:fix": "eslint . --fix",
"lint:staged": "lint-staged",
"lint:types": "tsc --noEmit",
"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
"fix": "bun run format && bun run lint:fix",
"type-check": "tsc --noEmit"
},
"dependencies": {
"@radix-ui/react-accordion": "^1.2.1",
"@radix-ui/react-collapsible": "^1.1.1",
"@radix-ui/react-icons": "^1.3.2",
"@radix-ui/react-scroll-area": "^1.2.1",
"@radix-ui/react-select": "^2.1.2",
"@radix-ui/react-slot": "^1.1.0",
"@radix-ui/react-tooltip": "^1.1.4",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"lucide-react": "^0.460.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwind-merge": "^1.14.0"
},
"devDependencies": {
"@eslint/js": "^9.15.0",
"@ianvs/prettier-plugin-sort-imports": "^3.7.2",
"@types/chrome": "^0.0.246",
"@types/node": "^20.8.2",
"@types/react": "^18.2.24",
"@types/react-dom": "^18.2.8",
"@typescript-eslint/eslint-plugin": "^8.15.0",
"@typescript-eslint/parser": "^8.15.0",
"@vitest/runner": "^2.1.5",
"autoprefixer": "^10.4.16",
"copy-webpack-plugin": "^11.0.0",
"css-loader": "^6.8.1",
"eslint": "^9.15.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-react": "^7.37.2",
"eslint-plugin-react-hooks": "^5.0.0",
"husky": "^9.1.7",
"identity-obj-proxy": "^3.0.0",
"lint-staged": "^14.0.1",
"markdownlint-cli2": "^0.15.0",
"mini-css-extract-plugin": "^2.9.2",
"postcss": "^8.4.31",
"postcss-loader": "^7.3.3",
"postcss-nesting": "^12.0.1",
"style-loader": "^3.3.3",
"tailwindcss": "^3.3.3",
"tailwindcss-animate": "^1.0.7",
"ts-loader": "^9.4.4",
"typescript": "^5.2.2",
"vitest": "^2.1.5",
"webpack": "^5.88.2",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1",
"webpack-merge": "^5.9.0"
},
"lint-staged": {
"*.{ts,tsx}": [
"eslint --fix",
"prettier --write"
],
"*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
}
"name": "thinking-claude",
"version": "3.2.2",
"description": "Chrome extension for letting Claude think like a real human",
"type": "module",
"scripts": {
"watch": "webpack --config webpack/webpack.dev.js --watch",
"build": "webpack --config webpack/webpack.prod.js",
"start": "webpack serve --config webpack/webpack.dev.js",
"test": "bun test",
"test:watch": "bun test --watch",
"lint": "eslint .",
"lint:fix": "eslint . --fix",
"lint:staged": "lint-staged",
"lint:types": "tsc --noEmit",
"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
"fix": "bun run format && bun run lint:fix",
"type-check": "tsc --noEmit"
},
"dependencies": {
"@radix-ui/react-accordion": "^1.2.1",
"@radix-ui/react-collapsible": "^1.1.1",
"@radix-ui/react-icons": "^1.3.2",
"@radix-ui/react-scroll-area": "^1.2.1",
"@radix-ui/react-select": "^2.1.2",
"@radix-ui/react-slot": "^1.1.0",
"@radix-ui/react-tooltip": "^1.1.4",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"lucide-react": "^0.460.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwind-merge": "^1.14.0"
},
"devDependencies": {
"@eslint/js": "^9.15.0",
"@ianvs/prettier-plugin-sort-imports": "^3.7.2",
"@types/chrome": "^0.0.246",
"@types/node": "^20.8.2",
"@types/react": "^18.2.24",
"@types/react-dom": "^18.2.8",
"@typescript-eslint/eslint-plugin": "^8.15.0",
"@typescript-eslint/parser": "^8.15.0",
"@vitest/runner": "^2.1.5",
"autoprefixer": "^10.4.16",
"copy-webpack-plugin": "^11.0.0",
"css-loader": "^6.8.1",
"eslint": "^9.15.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-react": "^7.37.2",
"eslint-plugin-react-hooks": "^5.0.0",
"husky": "^9.1.7",
"identity-obj-proxy": "^3.0.0",
"lint-staged": "^14.0.1",
"markdownlint-cli2": "^0.15.0",
"mini-css-extract-plugin": "^2.9.2",
"postcss": "^8.4.31",
"postcss-loader": "^7.3.3",
"postcss-nesting": "^12.0.1",
"style-loader": "^3.3.3",
"tailwindcss": "^3.3.3",
"tailwindcss-animate": "^1.0.7",
"ts-loader": "^9.4.4",
"typescript": "^5.2.2",
"vitest": "^2.1.5",
"webpack": "^5.88.2",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1",
"webpack-merge": "^5.9.0"
},
"lint-staged": {
"*.{ts,tsx}": ["eslint --fix", "prettier --write"],
"*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
}
}
7 changes: 6 additions & 1 deletion extensions/chrome/src/components/instruction-selector/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,12 @@ export function InstructionSelect() {
<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">
<SelectValue placeholder="Let Claude think" />
</SelectTrigger>
<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">
<SelectContent
style={{
zIndex: 9999,
}}
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"
>
<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">
<div className="translate-y-[0.5px]">
Which model instruction should Claude use?
Expand Down

0 comments on commit efef0f5

Please sign in to comment.