kevin/data-toolbox-site
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/data-toolbox-site.git synced 2025-04-28 09:36:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

Update design

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-06-23 18:04:09 +02:00
parent 7877a7f47d
commit 1d5261f058
4 changed files with 34 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.module.scss
View file

@ -13,6 +13,12 @@
> div, > main {
flex-grow: 1;
display: flex;
flex-direction: column;
> * {
flex-shrink: 0;
}
}
}

1
src/_common.scss
View file

@ -1,6 +1,7 @@
$fontFamily: 'Open Sans', sans-serif;
$colorAccent: #f58428;
$colorBackground: #0c0c0c;
$layoutWidth: 1200px;
$layoutPadding: 20px;

34
src/components/LinkBox.module.scss
View file

@ -4,20 +4,34 @@
@include boxStyle;
padding: 30px;
color: $colorAccent;
width: 300px;
margin: $layoutPadding;
background-color: transparent;
box-shadow: none;
@media(prefers-color-scheme: dark) {
background: rgba(255, 255, 255, .05);
//background: rgba(5, 4, 4, 0.05);
background-color: transparent;
}
.lbIcon {
width: 60px;
height: 60px;
svg {
width: 50px;
height: 50px;
width: 40px;
height: 40px;
margin: 10px;
}
color: $colorAccent;
border-radius: 100%;
background-color: rgba(grey, .07);
margin-bottom: 10px;
}
@ -28,8 +42,9 @@
}
&.highlight {
background-color: $colorAccent;
color: white;
/*background-color: $colorAccent;*/
color: $colorAccent;
/*color: white;*/
}
&.small {
@ -42,10 +57,11 @@
.lbIcon {
height: 25px;
width: 25px;
svg {
width: 20px;
height: 20px;
margin: 2.5px;
width: 15px;
height: 15px;
margin: 5px;
}
margin-bottom: 0;

4
src/components/Navigation.module.scss
View file

@ -7,11 +7,11 @@
left: 0;
width: 100%;
height: $layoutNavigationHeight;
background-color: #1c1c1c;
background-color: $colorBackground;
z-index: 100;
@supports(backdrop-filter: blur(5px)) {
background-color: #000000e0;
background-color: rgba($colorBackground, .8);
backdrop-filter: blur(5px);
}