Dwinzo-Beta/Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' into realTimeVisulization

Browse Source
This commit is contained in:
gabriel
2025-04-10 10:18:35 +05:30
parent 9b15648fb5 a30651b0d4
commit 969ced63c1
105 changed files with 7303 additions and 4181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/styles/components/tools.scss
View File

@@ -4,7 +4,7 @@
.tools-container {
@include flex-center;
position: fixed;
bottom: 50px;
bottom: 32px;
left: 50%;
transform: translate(-50%, 0);
padding: 8px;

9
app/src/styles/components/visualization/floating/common.scss
View File

@@ -81,9 +81,12 @@
.returnOfInvestment {
gap: 10px;
min-width: 150px;
.charts {
width: 100%;
height: 200px;
min-width: 150px;
}
.returns-wrapper {
@@ -126,6 +129,12 @@
gap: 6px;
border-radius: 5.2px;
width: 100%;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
.header {
font-size: $small;
text-align: start;

1
app/src/styles/layout/popup.scss
View File

@@ -146,5 +146,6 @@
font-size: var(--font-size-regulaar);
font-weight: var(--font-size-regulaar);
text-transform: capitalize;
white-space: nowrap;
}
}

70
app/src/styles/layout/sidebar.scss
View File

@@ -70,6 +70,67 @@
position: relative;
overflow: auto;
.template-list {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
min-height: 50vh;
max-height: 60vh;
}
.template-item {
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 1rem;
transition: box-shadow 0.3s ease;
}
.template-image-container {
position: relative;
padding-bottom: 56.25%; // 16:9 aspect ratio
}
.template-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
cursor: pointer;
transition: transform 0.3s ease;
}
.template-details {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.5rem;
}
.template-name {
cursor: pointer;
font-weight: 500;
}
.delete-button {
padding: 0.25rem 0.5rem;
background: #ff4444;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: opacity 0.3s ease;
}
.no-templates {
text-align: center;
color: #666;
padding: 2rem;
grid-column: 1 / -1;
}
.widget-left-sideBar {
min-height: 50vh;
max-height: 60vh;
@@ -472,6 +533,15 @@
font-size: var(--font-weight-regular);
color: #4a4a4a;
.reviewChart {
width: 100%;
.floating {
width: 100%;
}
}
.selectedWidget {
padding: 6px 12px;
border-top: 1px solid var(--border-color);

90
app/src/styles/pages/realTimeViz.scss
View File

@@ -7,7 +7,7 @@
border-radius: 20px;
box-shadow: $box-shadow-medium;
width: calc(100% - (320px + 270px + 90px));
height: calc(100% - (200px + 80px));
height: calc(100% - (250px));
position: absolute;
top: 50%;
left: calc(270px + 45px);
@@ -16,10 +16,25 @@
transition: all 0.2s;
z-index: #{$z-index-default};
.floating {
.realTime-viz-wrapper {
width: 100%;
max-width: 250px;
min-height: 83px;
height: 100%;
position: relative;
z-index: -1;
}
.floating {
width: calc(var(--realTimeViz-container-width) * 0.2);
height: calc(var(--realTimeViz-container-width) * 0.05);
min-width: 250px;
max-width: 300px;
min-height: 83px !important;
// max-height: 100px !important;
background: var(--background-color);
border: 1.23px solid var(--border-color);
box-shadow: 0px 4.91px 4.91px 0px #0000001c;
@@ -53,15 +68,16 @@
display: flex;
background-color: var(--background-color);
position: absolute;
bottom: 10px;
bottom: 0px;
left: 50%;
transform: translate(-50%, 0);
gap: 6px;
border-radius: 8px;
max-width: 80%;
overflow: auto;
max-width: calc(100% - 500px);
min-width: 150px;
z-index: 3;
transform: translate(-50%, -10%);
&::-webkit-scrollbar {
display: none;
@@ -108,7 +124,8 @@
}
.zone-wrapper.bottom {
bottom: 210px;
bottom: var(--bottomWidth);
// bottom: 200px;
}
.content-container {
@@ -129,7 +146,7 @@
display: flex;
background-color: rgba(224, 223, 255, 0.5);
position: absolute;
bottom: 10px;
// bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
gap: 6px;
@@ -181,6 +198,7 @@
.panel-content {
position: relative;
height: 100%;
width: 100%;
padding: 10px;
display: flex;
flex-direction: column;
@@ -193,15 +211,15 @@
.chart-container {
width: 100%;
height: 25% !important;
min-height: 150px;
max-height: 100%;
// border: 1px dashed var(--background-color-gray);
border: 1px dashed var(--background-color-gray);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
padding: 6px 0;
background-color: var(--background-color);
position: relative;
padding: 0 10px;
.kebab {
width: 30px;
@@ -283,16 +301,17 @@
&.bottom-panel {
left: 0;
right: 0;
min-height: 150px;
.panel-content {
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
min-height: 150px;
.chart-container {
height: 100% !important;
width: 20%;
min-width: 150px;
min-width: 160px;
}
}
}
@@ -309,29 +328,48 @@
left: 0;
top: 0;
bottom: 0;
.chart-container {
width: 100%;
height: 180px;
}
}
&.right-panel {
right: 0;
top: 0;
bottom: 0;
}
&.left-panel,
&.right-panel {
min-width: 150px;
.panel-content {
flex-direction: column;
width: 100%;
gap: 6px;
.chart-container {
width: 100%;
min-height: 150px;
max-height: 100%;
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
padding: 6px 0;
background-color: var(--background-color);
position: relative;
}
}
}
}
.panel.hidePanel {
opacity: 0;
pointer-events: none;
opacity: 0.1;
}
}
.playingFlase {
.zone-wrapper.bottom {
bottom: 300px;
bottom: var(--bottomWidth);
// bottom: 210px;
}
}
@@ -620,9 +658,6 @@
}
}
}
}
}
@@ -713,7 +748,7 @@
}
.activeChart {
outline: 1px solid var(--accent-color);
outline: 2px solid var(--accent-color);
z-index: 2 !important;
}
@@ -725,14 +760,13 @@
}
.connectionSuccess {
outline-color: #43C06D;
outline-color: #43c06d;
}
.connectionFails {
outline-color: #ffe3e0;
}
.editWidgetOptions {
position: absolute;
// top: 50%;

8
app/src/styles/scene/scene.scss
View File

@@ -6,9 +6,9 @@
}
.distance-text {
pointer-events: none !important;
.distance {
div {
position: absolute;
transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(0.8);
pointer-events: none !important;
white-space: nowrap;
// style
@@ -21,3 +21,7 @@
box-shadow: var(--box-shadow-light);
}
}
.pointer-none {
pointer-events: none;
}