Skip to content
Snippets Groups Projects
Commit 3f271a02 authored by Sreeram, Sudarshan's avatar Sreeram, Sudarshan :carrot:
Browse files

Fix styling of the week heading card

parent e01d4f05
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/components/pages/Timeline/components/WeekHeading/style.module.scss
+ 10
− 6
View file @ 3f271a02
@import "assets/scss/custom"; @import "assets/scss/custom";
.weekCard { .weekCard {
width: 11.25rem; width: 15rem;
height: 3.75rem; height: 4rem;
border-radius: 0.5rem !important; border-radius: 0.5rem !important;
border-width: 0rem; border-width: 0rem;
background: var(--background-color); background: var(--background-color);
...@@ -10,21 +10,24 @@ ...@@ -10,21 +10,24 @@
} }
.weekCard :global(.card-header) { .weekCard :global(.card-header) {
font-size: 14px; font-size: 1.125rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0.375rem 0.5rem; padding: 0.375rem 0.5rem;
border-radius: 0.5rem !important; border-radius: 0.5rem !important;
background: var(--primary-button); background: var(--primary-button);
border-width: 0rem;
height: 2.25rem !important;
} }
.weekCard :global(.card-body) { .weekCard :global(.card-body) {
font-size: 12px; font-size: 1rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: middle; align-items: center;
padding: 0.5rem 0.25rem; padding: 0.5rem 0.5rem;
padding-bottom: 0rem;
} }
.dayIndicator { .dayIndicator {
...@@ -32,6 +35,7 @@ ...@@ -32,6 +35,7 @@
font-weight: 500; font-weight: 500;
width: 2.25rem !important; width: 2.25rem !important;
text-align: center; text-align: center;
padding: 0rem;
} }
.weekDateRange { .weekDateRange {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment