chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

removed some leftover code from a recipe that was unused

Browse Source
This commit is contained in:
vkuchenik
2026-09-14 09:04:16 -07:00
parent 10cbedb6ef
commit 8e514418d4
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/dashboard/SettingsButton.jsx
+2 -4
View File
@@ -32,9 +32,7 @@ export function SettingsButton() {
const addWidget = useDashboardStore(state => state.addWidget); const addWidget = useDashboardStore(state => state.addWidget);
const glassTabRecipe = useRecipe({key: "glassTab"}); const glassTabRecipe = useRecipe({key: "glassTab"});
const settingsButtonRecipe = useRecipe({key: "settingsButton"});
const tabStyles = glassTabRecipe(); const tabStyles = glassTabRecipe();
const settingsButtonStyles = settingsButtonRecipe();
const [canScrollLeft, setCanScrollLeft] = useState(false); const [canScrollLeft, setCanScrollLeft] = useState(false);
const [canScrollRight, setCanScrollRight] = useState(false); const [canScrollRight, setCanScrollRight] = useState(false);
@@ -42,7 +40,7 @@ export function SettingsButton() {
// Pull the glass container styles for the dropdown and modal // Pull the glass container styles for the dropdown and modal
const panelRecipe = useSlotRecipe({key: "glassPanel"}); const panelRecipe = useSlotRecipe({key: "glassPanel"});
const panelStyles = panelRecipe({layout: "dropdown"}); const panelStyles = panelRecipe({layout: "dropdown"});
const modalStyles = panelRecipe({layout: "popover", leftScroll: canScrollLeft ? "visible" : "hidden", rightScroll: canScrollRight ? "visible" : "hidden"}); const modalStyles = panelRecipe({layout: "popover"});
const [isLibraryOpen, setIsLibraryOpen] = useState(false); const [isLibraryOpen, setIsLibraryOpen] = useState(false);
@@ -95,7 +93,7 @@ export function SettingsButton() {
<> <>
{isEditing ? ( {isEditing ? (
// 📝 EDIT MODE: The 3-Pill Layout // 📝 EDIT MODE: The 3-Pill Layout
<HStack css={settingsButtonStyles.root}> <HStack>
{/* 1. The Add Widget Button */} {/* 1. The Add Widget Button */}
<Box as="button" css={tabStyles} data-state="open" onClick={() => setIsLibraryOpen(true)} <Box as="button" css={tabStyles} data-state="open" onClick={() => setIsLibraryOpen(true)}
color={{base: "blue.500", _dark: "blue.300"}} _hover={{bg: "rgba(66, 153, 225, 0.1)"}} color={{base: "blue.500", _dark: "blue.300"}} _hover={{bg: "rgba(66, 153, 225, 0.1)"}}
client/src/theme.js
+1
View File
@@ -446,6 +446,7 @@ const glassPanelRecipe = defineSlotRecipe({
backdropFilter: "blur(15px)", backdropFilter: "blur(15px)",
WebkitBackdropFilter: "blur(15px)", WebkitBackdropFilter: "blur(15px)",
// dialog header // dialog header
"& > div.chakra-dialog__header": { "& > div.chakra-dialog__header": {
bg: "transparent", bg: "transparent",