app: Use header, footer, and main

evanpurkhiser · Dec 30, 2020 · 2076dee · 2076dee
1 parent 75e393e
commit 2076dee
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/renderer/components/Footer.tsx b/src/renderer/components/Footer.tsx
@@ -63,7 +63,7 @@ const Release = styled('div')`
  color: #777a7b;
 `;
 
-const Wrapper = styled('div')`
+const Wrapper = styled('footer')`
  padding: 0.5rem;
  display: grid;
  align-items: center;

diff --git a/src/renderer/components/Titlebar.tsx b/src/renderer/components/Titlebar.tsx
@@ -11,7 +11,7 @@ const Toolbar = () => (
  </Container>
 );
 
-const Container = styled('div')`
+const Container = styled('header')`
  position: sticky;
  top: 0;
  height: 36px;

diff --git a/src/renderer/views/Application.tsx b/src/renderer/views/Application.tsx
@@ -23,7 +23,7 @@ const Application = () => (
  </MemoryRouter>
 );
 
-const Frame = styled('div')`
+const Frame = styled('main')`
  display: flex;
  flex-direction: column;
  background: #fff;