titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reintroduced opacity using RGBA

Browse Source
This commit is contained in:
ClaPalo 2024-04-11 20:08:05 -05:00
parent f6e6a50e9d
commit 99cee1c104
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/EditorCanvas/Table.jsx
View File

@ -99,7 +99,7 @@ export default function Table(props) {
size="small" size="small"
theme="solid" theme="solid"
style={{ style={{
backgroundColor: "#2f68ad", backgroundColor: "#2f68adb3",
marginRight: "6px", marginRight: "6px",
}} }}
onClick={openEditor} onClick={openEditor}
@ -174,7 +174,7 @@ export default function Table(props) {
type="tertiary" type="tertiary"
size="small" size="small"
style={{ style={{
backgroundColor: "grey", backgroundColor: "#808080b3",
color: "white", color: "white",
}} }}
/> />
@ -277,7 +277,7 @@ export default function Table(props) {
} flex items-center gap-2 overflow-hidden`} } flex items-center gap-2 overflow-hidden`}
> >
<button <button
className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68ad] rounded-full" className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68adcc] rounded-full"
onMouseDown={() => { onMouseDown={() => {
handleGripField(index); handleGripField(index);
setLinkingLine((prev) => ({ setLinkingLine((prev) => ({
@ -301,7 +301,7 @@ export default function Table(props) {
theme="solid" theme="solid"
size="small" size="small"
style={{ style={{
backgroundColor: "#d42020", backgroundColor: "#d42020b3",
}} }}
icon={<IconMinus />} icon={<IconMinus />}
onClick={() => deleteField(fieldData, tableData.id)} onClick={() => deleteField(fieldData, tableData.id)}

2
src/components/SimpleCanvas.jsx
View File

@ -41,7 +41,7 @@ function Table({ table, grab }) {
> >
<div className={hoveredField === i ? "text-zinc-500" : ""}> <div className={hoveredField === i ? "text-zinc-500" : ""}>
<button <button
className={`w-[9px] h-[9px] bg-[#2f68ad] rounded-full me-2`} className={`w-[9px] h-[9px] bg-[#2f68adcc] rounded-full me-2`}
/> />
{e.name} {e.name}
</div> </div>