gotthard_g/aaredb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more infos on the sample tracker

Browse Source
This commit is contained in:
GotthardG 2024-12-04 15:20:15 +01:00
parent 46f6122dca
commit 7b790a1f56
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/App.css
View File

@ -39,11 +39,11 @@
.sample-tracker-container { .sample-tracker-container {
position: relative; /* Ensure tooltip positions correctly within the container */ position: relative; /* Ensure tooltip positions correctly within the container */
padding: 10px; padding: 5px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
max-width: 80%; max-width: 50%;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
overflow-x: auto; overflow-x: auto;
@ -54,10 +54,10 @@
background-color: #f9f9f9; background-color: #f9f9f9;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
padding: 8px; padding: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);
top: 50px; /* Adjust positioning */ top: 50px; /* Adjust positioning */
left: 50%; /* Center horizontally relative to the container */ left: 10%; /* Center horizontally relative to the container */
transform: translateX(-50%); transform: translateX(-50%);
z-index: 1000; z-index: 1000;
pointer-events: none; /* Prevents tooltip from interfering with other elements */ pointer-events: none; /* Prevents tooltip from interfering with other elements */
@ -79,7 +79,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0 10px; margin: 0 5px;
} }
.puck-label { .puck-label {
@ -103,8 +103,8 @@
} }
.sample-dot { .sample-dot {
width: 15px; width: 10px;
height: 15px; height: 10px;
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
border: 1px solid lightgray; border: 1px solid lightgray;