Webmaster/old-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

calendar style

Browse source
This commit is contained in:
JilianaTiu 2022-09-26 11:51:54 -07:00
parent 52436eaa97
commit c19fe6a531
2 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/public/css/styles.css
View file

@ -340,4 +340,14 @@ a:hover {
border:solid 1px #777;
width: 800px;
height: 600px;
}
#calendar {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: var(--main);
padding-top: 2em;
padding-bottom: 2em;
}

11
src/public/events.tsx
View file

@ -32,16 +32,19 @@ class Main extends React.Component<MainProps, MainState> {
}</div>
</DefaultSection>
<div>
<div id="calendar">
<html>
<iframe id="cal" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles"></iframe>
</html>
</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 title="Officer Open Hours">
<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>
</>;