nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 14:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

some style changes

Browse Source
This commit is contained in:
dank074 2021-11-27 01:27:07 -06:00
parent b684715075
commit 44a89f0262
2 changed files with 18 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/campaign/views/calendar/CalendarView.scss
View File

@ -1,5 +1,5 @@
.nitro-campaign-calendar { .nitro-campaign-calendar {
width: 1010px; width: 1055px;
height: 400px; height: 400px;
.calendar-item { .calendar-item {
@ -52,29 +52,17 @@
} }
} }
.button-container { .calendar-prev {
position: relative; background: url("../../../../assets/images/campaign/prev.png");
width: 100%; width: 33px;
height: 0px; min-width: 33px;
height: 34px;
}
.calendar-prev { .calendar-next {
background: url("../../../../assets/images/campaign/prev.png"); background: url("../../../../assets/images/campaign/next.png");
width: 33px; width: 33px;
height: 34px; min-width: 33px;
position: absolute; height: 34px;
margin-top: 15%;
left: 5px;
z-index: 10;
}
.calendar-next {
background: url("../../../../assets/images/campaign/next.png");
width: 33px;
height: 34px;
position: absolute;
margin-top: 15%;
right: 5px;
z-index: 10;
}
} }
} }

10
src/views/campaign/views/calendar/CalendarView.tsx
View File

@ -104,7 +104,7 @@ export const CalendarView: FC<CalendarViewProps> = props =>
<NitroCardView className="nitro-campaign-calendar"> <NitroCardView className="nitro-campaign-calendar">
<NitroCardHeaderView headerText={LocalizeText(`campaign.calendar.${campaignName}.title`)} onCloseClick={close} /> <NitroCardHeaderView headerText={LocalizeText(`campaign.calendar.${campaignName}.title`)} onCloseClick={close} />
<NitroCardContentView> <NitroCardContentView>
<div className="d-flex justify-content-between"> <div className="d-flex justify-content-between mx-5">
<div className="text-black"> <div className="text-black">
<h3>{LocalizeText('campaign.calendar.heading.day', ['number'], [(selectedDay + 1).toString()])}</h3> <h3>{LocalizeText('campaign.calendar.heading.day', ['number'], [(selectedDay + 1).toString()])}</h3>
<p>{dayMessage(selectedDay)}</p> <p>{dayMessage(selectedDay)}</p>
@ -114,10 +114,11 @@ export const CalendarView: FC<CalendarViewProps> = props =>
} }
</div> </div>
<div className="button-container"> <div className="button-container">
<div className="calendar-prev cursor-pointer" onClick={onClickPrev} />
<div className="calendar-next cursor-pointer" onClick={onClickNext} />
</div> </div>
<NitroLayoutFlex className="h-100" gap={2}> <NitroLayoutFlex className="h-100 align-items-center" gap={1}>
<div className="calendar-prev cursor-pointer" onClick={onClickPrev} />
{ {
[...Array(getNumItemsDisplayed())].map((e, i) => [...Array(getNumItemsDisplayed())].map((e, i) =>
{ {
@ -125,6 +126,7 @@ export const CalendarView: FC<CalendarViewProps> = props =>
return <CalendarItemView key={i} state={getDayState(day)} active={selectedDay === day} onClick={onClickItem} id={day} productName={receivedProducts.has(day) ? receivedProducts.get(day) : null} /> return <CalendarItemView key={i} state={getDayState(day)} active={selectedDay === day} onClick={onClickItem} id={day} productName={receivedProducts.has(day) ? receivedProducts.get(day) : null} />
}) })
} }
<div className="calendar-next cursor-pointer" onClick={onClickNext} />
</NitroLayoutFlex> </NitroLayoutFlex>
</NitroCardContentView> </NitroCardContentView>
</NitroCardView> </NitroCardView>