Toggle navigation
Toggle navigation
This project
Loading...
Sign in
HyeonJun Jeon
/
Extended-Calendar
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
HyeonJun Jeon
2022-06-10 06:25:10 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
cb07b82bfa22fc814b09d8852e0256c7faddb83c
cb07b82b
1 parent
a8361dbd
[Add] Day calendar
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
46 additions
and
0 deletions
src/components/Day.js
src/styles/App.css
src/styles/Day.css
src/components/Day.js
0 → 100644
View file @
cb07b82
import
React
,
{
useContext
}
from
"react"
;
import
GridItem
from
"./GridItem.js"
;
import
{
CalendarStateContext
}
from
"../pages/Calendar"
;
import
"../styles/Day.css"
;
const
Day
=
()
=>
{
const
{
state
}
=
useContext
(
CalendarStateContext
);
return
(
<
div
className
=
"Day"
>
<
GridItem
targetDate
=
{
new
Date
(
state
.
date
)}
/
>
<
/div
>
);
};
export
default
Day
;
src/styles/App.css
View file @
cb07b82
...
...
@@ -102,6 +102,7 @@ button:disabled {
border-radius
:
3px
;
cursor
:
pointer
;
position
:
relative
;
flex-flow
:
wrap
;
}
.ScheduleItem
>
span
{
...
...
@@ -128,6 +129,11 @@ button:disabled {
padding
:
0
;
}
.s_substr
{
width
:
100%
;
font-weight
:
bold
;
}
[
popup
]
{
position
:
absolute
;
z-index
:
1000
;
...
...
src/styles/Day.css
0 → 100644
View file @
cb07b82
.GridItem
[
scope
=
"day"
]
{
flex-basis
:
100px
;
padding
:
5px
;
}
.GridItem
[
scope
=
"day"
]
>
span
{
display
:
none
;
}
.GridItem
[
scope
=
"day"
]
>
.ScheduleItem
{
margin
:
3px
0
3px
0
;
}
.GridItem
[
scope
=
"day"
]
>
.ScheduleItem
>
span
{
line-height
:
30px
;
margin
:
5px
5px
5px
5px
;
font-size
:
large
;
}
.GridItem
[
scope
=
"day"
]
>
.ScheduleItem
>
img
{
width
:
30px
;
height
:
30px
;
margin
:
5px
;
}
Please
register
or
login
to post a comment