diff --git a/Stock-Market-Application/src/components/ClimbersFallers.tsx b/Stock-Market-Application/src/components/ClimbersFallers.tsx index e683b57..8b51de1 100644 --- a/Stock-Market-Application/src/components/ClimbersFallers.tsx +++ b/Stock-Market-Application/src/components/ClimbersFallers.tsx @@ -53,9 +53,9 @@ export default function ClimbersFallers() { queryCellInfo={queryCellInfo} allowSorting={true} allowPaging={true} - pageSettings={{ pageCount: 4, pageSize: 7 }} + pageSettings={{ pageCount: 4, pageSize: 20 }} enableHover={false} - height={270} + height="100%" > {
- New AI Innovations + New AI Innovations
- Future technology relies heavily on AI, making it a cornerstone of innovation. Investing in AI-related companies offers significant potential for growth. These companies drive advancements across various industries. + Future technology relies heavily on AI, making it a cornerstone of innovation. Investing in AI-related companies offers significant potential for growth. These companies drive advancements across various industries.
@@ -32,12 +32,12 @@ const News = () => {
- Electric Vehicle Surge + Electric Vehicle Surge
- Due to rising oil demand, sales of electric vehicles have surged. This shift reflects a growing preference for more sustainable energy sources. Consumers are increasingly choosing battery-powered cars to reduce fuel dependency. + Due to rising oil demand, sales of electric vehicles have surged. This shift reflects a growing preference for more sustainable energy sources. Consumers are increasingly choosing battery-powered cars to reduce fuel dependency.
@@ -51,12 +51,12 @@ const News = () => {
- Rising Interest Rates + Rising Interest Rates
- Banks and finance companies have raised interest rates, leading to slower economic growth. Higher rates make borrowing more expensive, reducing consumer spending and business investments. This dampens economic activity and can stifle growth. + Banks and finance companies raised interest rates, slowing economic growth. Higher rates make borrowing costly, reducing consumer spending and business investments. This dampens economic activity and can stifle growth.
@@ -74,12 +74,12 @@ const News = () => {
- Breakthrough Brain Drug + Breakthrough Brain Drug
- A new medicine has been developed for brain-related issues. This innovative treatment targets neurological disorders with the potential to improve cognitive function. The medicine aims to enhance brain health and manage symptoms more effectively. + A new medicine targets neurological disorders, aiming to improve cognitive function. This innovative treatment enhances brain health and manages symptoms more effectively.
@@ -93,12 +93,12 @@ const News = () => {
- Retail Earnings Surge + Retail Earnings Surge
- Retail enterprises are seeing their earnings increase day by day. This consistent growth is driven by strong consumer demand and effective business strategies. Enhanced customer experiences and diversified product offerings also contribute to this upward trend. + Retail enterprises see earnings rise daily. This consistent growth is driven by strong consumer demand and effective business strategies. Enhanced customer experiences and diversified product offerings also contribute to this trend.
+
+
+ +
+
+
+
+
+ Fintech Disrupting Banking +
+
+
+
+ Digital payment platforms and blockchain technology are revolutionizing banking. Traditional banks are adapting, while fintech startups attract investors with innovative financial solutions and seamless user experiences. +
+ +
+
+
+
+
+
+
+ Global Supply Chain Recovery +
+
+
+
+ Supply chain disruptions are easing, boosting global trade and corporate earnings. Companies investing in logistics and automation are seeing improved efficiency, strengthening market confidence. +
+ +
+
+
+
diff --git a/Stock-Market-Application/src/components/Overview.tsx b/Stock-Market-Application/src/components/Overview.tsx index 479f2f9..a935e82 100644 --- a/Stock-Market-Application/src/components/Overview.tsx +++ b/Stock-Market-Application/src/components/Overview.tsx @@ -254,112 +254,114 @@ export default function Overview(props: { changeMarquee: Function, myStockDm: Da width={250} popupHeight="220px"/> - {allStocks.isDataReady && - - - - - - - - - - - - - - + {allStocks.isDataReady && + + + + + + + + + + + + + + - - - - } + ]} + width="100" + > + + + + } + +
{chartData.CompanyName}
- + diff --git a/Stock-Market-Application/src/style.css b/Stock-Market-Application/src/style.css index fa423ff..bb9a57a 100644 --- a/Stock-Market-Application/src/style.css +++ b/Stock-Market-Application/src/style.css @@ -216,8 +216,49 @@ body { padding: 20px; } + +.main-content:has(.announcementpage) { + padding-right: 0; +} + /* Overview */ +.grid-container { + height: calc(100vh - 220px); +} + +.stock-chart-container-parent { + height: 100%; +} + +.chart-container .e-stockchart { + height: calc(100vh - 230px); +} + +.content-wrapper { + height: calc(100vh - 280px); +} + +.content-area { + height: 100%; +} + +#listSidebar { + background-color: #f3f4f6; + border-radius: 4px; +} + +#listSidebarList { + border: none; +} + +.card-control-section { + height: calc(100vh - 150px); + overflow-y: auto; + overflow-x: hidden; + padding-right: 30px; +} + .stock-content-area { padding-left: 20px; min-height: 300px; @@ -303,6 +344,7 @@ body { .section2 { width: 50%; padding: 15px 15px 0; + height: calc(100vh - 220px); } .section1 { @@ -361,6 +403,7 @@ text#stockchartdefault_ChartTitle { .e-card .e-card-content { color: #333; max-height: 60px; + overflow: hidden; } .row .e-card .e-card-header { @@ -402,13 +445,27 @@ text#stockchartdefault_ChartTitle { .e-card.card7 { background-color: #FFEDD5; } + .e-card.card8 { background-color: #E7E5E4; } + .e-card.card9 { background-color: #E8EAF6; } +.e-card.card10 { + background-color: #FEF9C3; +} + +.e-card.card11 { + background-color: #E0E7FF; +} + +.e-card.card12 { + background-color: #FAE8E0; +} + .e-card .e-card-actions a, .e-card .e-card-actions a:hover { background-color: rgb(103, 80, 164); @@ -418,8 +475,8 @@ text#stockchartdefault_ChartTitle { /* Know More */ -.kb-carousel.e-carousel .e-carousel-items .e-carousel-item { - height: 360px; +.kb-carousel .e-carousel-items .e-carousel-item > *:first-child { + height: inherit; } .kb-carousel .e-carousel-items .e-carousel-item .product-container { @@ -427,8 +484,9 @@ text#stockchartdefault_ChartTitle { align-items: center; justify-content: center; padding: 1rem; - margin-top: 15px; + margin-top: 10px; gap: 20px; + height: 100%; } .kb-carousel .e-carousel-items .e-carousel-item .product-container .heading { @@ -452,6 +510,7 @@ text#stockchartdefault_ChartTitle { margin: 0 auto .5em; border-radius: 1.5em; background-color: #f5f9fd; + height: calc(100vh - 220px); } .kb-carousel .e-carousel-items .e-carousel-item .card-title,