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

Merge pull request #35 from ClaPalo/Fix-field-circle-icons

Browse Source 
Fixed field circle icons not moving in Safari
This commit is contained in:
1ilit 2024-04-14 10:01:54 +03:00 committed by GitHub
commit 1649d07b0d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,8 +100,7 @@ export default function Table(props) {
size="small" size="small"
theme="solid" theme="solid"
style={{ style={{
backgroundColor: "#2f68ad", backgroundColor: "#2f68adb3",
opacity: "0.7",
marginRight: "6px", marginRight: "6px",
}} }}
onClick={openEditor} onClick={openEditor}
@ -176,8 +175,7 @@ export default function Table(props) {
type="tertiary" type="tertiary"
size="small" size="small"
style={{ style={{
opacity: "0.7", backgroundColor: "#808080b3",
backgroundColor: "grey",
color: "white", color: "white",
}} }}
/> />
@ -290,7 +288,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] opacity-80 z-50 rounded-full" className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68adcc] rounded-full"
onMouseDown={() => { onMouseDown={() => {
handleGripField(index); handleGripField(index);
setLinkingLine((prev) => ({ setLinkingLine((prev) => ({
@ -324,8 +322,7 @@ export default function Table(props) {
theme="solid" theme="solid"
size="small" size="small"
style={{ style={{
opacity: "0.7", backgroundColor: "#d42020b3",
backgroundColor: "#d42020",
}} }}
icon={<IconMinus />} icon={<IconMinus />}
onClick={() => deleteField(fieldData, tableData.id)} onClick={() => deleteField(fieldData, tableData.id)}

2
src/components/SimpleCanvas.jsx
View File

@ -51,7 +51,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] opacity-80 z-50 rounded-full me-2`} className={`w-[9px] h-[9px] bg-[#2f68adcc] rounded-full me-2`}
/> />
{e.name} {e.name}
</div> </div>

2
src/components/Thumbnail.jsx
View File

@ -116,7 +116,7 @@ export default function Thumbnail({ diagram, i, zoom, theme }) {
> >
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<div <div
className={`w-[6px] h-[6px] bg-[#2f68ad] opacity-80 z-50 rounded-full me-2`} className={`w-[6px] h-[6px] bg-[#2f68adcc] rounded-full me-2`}
></div> ></div>
<div>{f.name}</div> <div>{f.name}</div>
</div> </div>