From c27a4c52d059b23082c3339628369ae991efa23a Mon Sep 17 00:00:00 2001 From: Sathishkumar0404 Date: Mon, 13 Jan 2025 18:03:33 +0530 Subject: [PATCH] updated style --- _sass/components/_page.scss | 27 ++++++++++++++++++++------- _sass/components/monitor.scss | 2 +- 2 files changed, 21 insertions(+), 8 deletions(-) diff --git a/_sass/components/_page.scss b/_sass/components/_page.scss index 4ed095e..f525e0b 100644 --- a/_sass/components/_page.scss +++ b/_sass/components/_page.scss @@ -337,18 +337,22 @@ p{ .list-items,.list-bulletpoint-items{ ul{ - display: block; + gap: 0.1em; h3{ font-size: 2.5rem !important; margin-bottom: 1rem ; } + h4::before{ + font-size: 15px; + margin-right: 0.5rem; + } li,li>p,h4{ font-size: 1.3rem; margin: 5px; } - p{ - padding-left: 0.5rem; - } + // p{ + // padding-left: 1rem; + // } li>a{ font-size: 1.2rem; } @@ -442,7 +446,7 @@ p{ } } .feature-title{ - color: inherit; + color: var(--v2-background-primary); text-align: center; margin: 0; } @@ -496,6 +500,7 @@ p{ } @media (min-width:600px ) and (max-width:992px) { + justify-content: center; margin-top: 2em; gap: 0.5em; img{ @@ -503,10 +508,11 @@ p{ } } @media (max-width:600px) { + justify-content: center; margin-top: 1em; gap: 0.3em; img{ - width: 2em; + width: 1.99em; } } } @@ -540,15 +546,21 @@ p{ li{ list-style: none; h4{ + display: flex; font-size: 2.2rem ; margin-bottom:.5rem ; color: var(--v2-background-primary); } + h4::before { + content: "→ "; + font-size: 20px; + margin-right: 0.5rem; + } p{ margin-top: 0.5rem; margin-bottom: 0; font-size: 2.2rem ; - padding-left: 1rem; + padding-left: 2rem; } a{ font-size: 1.8rem; @@ -570,6 +582,7 @@ p{ } } } + @media (max-width: 600px) { padding: 1rem; padding-top: 0; diff --git a/_sass/components/monitor.scss b/_sass/components/monitor.scss index 43f6067..b7bcdf8 100644 --- a/_sass/components/monitor.scss +++ b/_sass/components/monitor.scss @@ -311,7 +311,7 @@ body.fullscreen #crt { position: relative; text-align: start; height: 100%; - font-size: 1rem; + font-size: 1.3rem; padding: 2rem; overflow-y: auto; overflow-x: hidden;