LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix logo to support non-square sizes

Browse Source
This commit is contained in:
Gabe Kangas
2022-05-17 15:28:56 -07:00
parent 8925e1b4e2
commit 51a12dc905
5 changed files with 71 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/components/ui/Logo/Logo.module.scss
View File

@@ -1,9 +1,29 @@
.logo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
width: 120px;
height: 120px;
border-radius: 50%;
border-width: 3px;
border-style: solid;
border-color: var(--theme-primary-color);
background-color: var(--theme-background-secondary);
padding: 3px;
}
.container {
width: 90%;
height: 90%;
border-radius: 50%;
overflow: hidden;
}
.image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
}