nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Bill 2022-03-07 02:47:12 -05:00
parent 888ba57ddc
commit 354b779eb7
3 changed files with 24 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/campaign/CalendarView.tsx
View File

@ -116,7 +116,29 @@ export const CalendarView: FC<CalendarViewProps> = props =>
</Column>
<Column size={ 1 } />
</Grid>
<Grid fullHeight alignItems="center" gap={ 1 }>
<Flex fullHeight gap={ 2 }>
<Flex center>
<Base pointer className="campaign-spritesheet prev" onClick={ onClickPrev } />
</Flex>
<Column center fullWidth>
<Grid fit columnCount={ TOTAL_SHOWN_ITEMS } gap={ 1 }>
{ [...Array(TOTAL_SHOWN_ITEMS)].map((e, i) =>
{
const day = (index + i);
return (
<Column key={ i } overflow="hidden">
<CalendarItemView itemId={ day } state={ getDayState(day) } active={ (selectedDay === day) } productName={ receivedProducts.has(day) ? receivedProducts.get(day) : null } onClick={ onClickItem } />
</Column>
);
}) }
</Grid>
</Column>
<Flex center>
<Base pointer className="campaign-spritesheet next" onClick={ onClickNext } />
</Flex>
</Flex>
{/* <Grid fullHeight alignItems="center" gap={ 1 }>
<Column fullHeight center size={ 1 }>
<Base pointer className="campaign-spritesheet prev" onClick={ onClickPrev } />
</Column>
@ -137,7 +159,7 @@ export const CalendarView: FC<CalendarViewProps> = props =>
<Column fullHeight center size={ 1 }>
<Base pointer className="campaign-spritesheet next" onClick={ onClickNext } />
</Column>
</Grid>
</Grid> */}
</NitroCardContentView>
</NitroCardView>
)

1
src/views/shared/Shared.scss
View File

@ -1,2 +1 @@
@import "./limited-edition/LimitedEdition";
@import "./room-previewer/RoomPreviewerView";

36
src/views/shared/room-previewer/RoomPreviewerView.scss
View File

@ -1,36 +0,0 @@
.room-preview-container {
position: relative;
width: 100%;
.room-preview-image {
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: $border-radius;
background-color: $light;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
&.border-0 {
&::after {
content: none;
}
}
&::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: $border-radius;
border-bottom: 2px solid white;
border-right: 2px solid white;
box-shadow: -2px -2px rgba(0, 0, 0, .4), inset 3px 3px rgba(0, 0, 0, .2);
}
}
}