tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-25 14:44:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Changes em usage into rem usage

Browse Source
This commit is contained in:
Alicia Sykes 2019-08-20 22:25:53 +01:00
parent df2b5632f9
commit f583e529b7
4 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/FilterTile.vue
View File

@ -38,7 +38,7 @@ export default {
} }
form { form {
border-radius: 0 0 20px 0; border-radius: 0 0 20px 0;
padding: 0 0.2em 0.2em 0; padding: 0 0.2rem 0.2rem 0;
background: #282a32; background: #282a32;
label { label {
display: inline; display: inline;
@ -46,14 +46,14 @@ export default {
background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1); background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin: 0.5em; margin: 0.5rem;
display: inline; display: inline;
} }
input { input {
display: inline-block; display: inline-block;
width: 200px; width: 200px;
padding: 0.5em; padding: 0.5rem;
margin: 0.5em; margin: 0.5rem;
outline: none; outline: none;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
@ -76,7 +76,7 @@ export default {
flex: 1; flex: 1;
border-radius: 0; border-radius: 0;
text-align: center; text-align: center;
padding: 0.25em 0; padding: 0.25rem 0;
} }
.space-filler { .space-filler {
display: none; display: none;

2
src/components/ItemGroup.vue
View File

@ -39,7 +39,7 @@ export default {
.no-items { .no-items {
width: 100px; width: 100px;
margin: 0 auto; margin: 0 auto;
padding: 0.8em; padding: 0.8rem;
text-align: center; text-align: center;
cursor: default; cursor: default;
border-radius: 10px; border-radius: 10px;

4
src/components/Nav.vue
View File

@ -18,8 +18,8 @@ nav {
align-items: center; align-items: center;
.nav-item { .nav-item {
display: inline-block; display: inline-block;
padding: 0.75em 0.5em; padding: 0.75rem 0.5rem;
margin: 0.5em; margin: 0.5rem;
outline: none; outline: none;
border: none; border: none;
border-radius: 5px; border-radius: 5px;

8
src/views/Home.vue
View File

@ -67,7 +67,7 @@ export default {
section.top-section { section.top-section {
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #282a32; background: #282a32;
@ -86,7 +86,7 @@ section.top-section {
background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1); background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
font-size: 3em; font-size: 3rem;
margin: 0; margin: 0;
} }
span.subtitle { span.subtitle {
@ -96,13 +96,13 @@ section.top-section {
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
text-align: center; text-align: center;
padding: 0.25em 0; padding: 0.25rem 0;
} }
} }
.item-group-container { .item-group-container {
display: flex; display: flex;
margin: 2em; margin: 2rem;
align-items:flex-start; align-items:flex-start;
align-content:flex-start; align-content:flex-start;
.item-group-outer { .item-group-outer {