calendar style
This commit is contained in:
parent
52436eaa97
commit
c19fe6a531
2 changed files with 17 additions and 4 deletions
|
@ -341,3 +341,13 @@ a:hover {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#calendar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
color: var(--main);
|
||||||
|
padding-top: 2em;
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
|
@ -32,16 +32,19 @@ class Main extends React.Component<MainProps, MainState> {
|
||||||
}</div>
|
}</div>
|
||||||
</DefaultSection>
|
</DefaultSection>
|
||||||
|
|
||||||
<div>
|
<div id="calendar">
|
||||||
<html>
|
<html>
|
||||||
<iframe id="cal" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles"></iframe>
|
<iframe id="cal" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles"></iframe>
|
||||||
</html>
|
</html>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div>
|
<DefaultSection title="Officer Open Hours">
|
||||||
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles" width="800" height="600" frameBorder="0" scrolling="no"></iframe>
|
<div>
|
||||||
</div>
|
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles" width="800" height="600" frameBorder="0" scrolling="no"></iframe>
|
||||||
|
</div>
|
||||||
|
</DefaultSection>
|
||||||
|
|
||||||
|
|
||||||
<Footer></Footer>
|
<Footer></Footer>
|
||||||
</>;
|
</>;
|
||||||
|
|
Loading…
Reference in a new issue