kif/portal
10
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

V1 von Brett her

Browse source
This commit is contained in:
Lars Westermann 2019-06-08 18:12:01 +02:00
parent 17f81e8952
commit 2b29093086
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
15 changed files with 223 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/jsMain/resources/style/_color.scss
View file

@ -1,5 +1,6 @@
$background-primary-color: #fff;
$background-secondary-color: #fcfcfc;
$background-secondary-color: #f5f5f5;
$background-card-color: #fff;
$text-primary-color: #333;
$text-secondary-color: rgba($text-primary-color, 0.5);
@ -15,7 +16,7 @@ $input-border-color: #888;
$table-border-color: rgba($text-primary-color, 0.1);
$table-header-color: rgba($text-primary-color, 0.06);
$shadow-color: rgba($text-primary-color, 0.8);
$shadow-color: rgba(#000, 0.3);
$icon-color-focused: rgba($text-primary-color, 0.87);
$icon-color: rgba($text-primary-color, 0.54);
@ -30,6 +31,7 @@ $lever-enabled-color: $primary-color;
:root {
--background-primary-color: $background-primary-color;
--background-secondary-color: $background-secondary-color;
--background-card-color: $background-card-color;
--text-primary-color: $text-primary-color;
--text-secondary-color: $text-secondary-color;

1
src/jsMain/resources/style/board.scss Normal file
View file

@ -0,0 +1 @@

123
src/jsMain/resources/style/components/_board.scss
View file

@ -1,73 +1,124 @@
@import "../config";
.board-header {
line-height: 6rem;
display: flex;
padding: 0 2rem;
line-height: 3rem;
flex-grow: 1;
font-family: "Bungee", sans-serif;
font-weight: normal;
font-size: 1.1rem;
padding-left: 0.3rem;
}
& > div {
flex-grow: 1;
font-family: "Bungee", sans-serif;
font-weight: normal;
font-size: 1.1rem;
text-align: center;
&:first-child {
text-align: left;
}
&:last-child {
text-align: right;
}
}
.board-card {
background-color: var(--background-card-color);
box-shadow: 0 0.1rem 0.2rem var(--shadow-color);
border-radius: $border-radius;
overflow: hidden;
}
.board {
padding: 1rem 1rem 2rem;
padding: 1rem 0.4rem 2rem;
display: flex;
overflow: hidden;
height: calc(100vh - 6rem);
height: calc(100vh - 0.5rem);
& > div {
flex-grow: 1;
flex-basis: 0;
padding: 0 0.4rem;
&:nth-child(1) {
flex-grow: 4;
padding-left: 0.15rem;
padding-right: 0.15rem;
}
&:nth-child(2) {
flex-grow: 3;
}
&:nth-child(3) {
flex-grow: 3;
}
}
}
.board-schedule {
width: 100%;
position: relative;
.board-twitter {
.board-card {
height: calc(100% - 1.3rem);
padding: 1rem 1rem;
& > * {
margin-top: -1px !important;
}
}
}
.board-post {
margin-bottom: 0.5rem;
.post-name {
top: 0.5rem;
}
padding-top: 2.5rem;
padding-bottom: 0.5rem;
}
.board-schedule-box {
display: flex;
flex-wrap: wrap;
}
.board-schedule {
position: relative;
flex-grow: 1;
flex-basis: 0;
min-width: 15rem;
padding: 0.6rem;
margin: 0 0.25rem 0.5rem;
&:not(:last-child) {
border-bottom: solid 1px var(--table-border-color)
}
}
.board-schedule-room {
.board-schedule-bottom {
display: block;
padding-left: 1rem;
line-height: 2rem;
}
padding-right: 0.5rem;
line-height: 1rem;
clear: both;
.board-schedule-time {
position: absolute;
top: 1rem;
right: 1rem;
line-height: 2rem;
& > span {
&:first-child {
float: left;
}
&:last-child {
float: right;
}
}
}
.board-schedule-color {
background-color: var(--primary-color);
position: absolute;
top: 3.25rem;
left: 1rem;
width: 0.5rem;
height: 1.5rem;
top: 1.25rem;
left: 0.6rem;
width: 0.8rem;
height: 0.8rem;
border-radius: 100%;
}
.board-schedule-name {
display: block;
padding-left: 1rem;
line-height: 2rem;
line-height: 1.3rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
}

6
src/jsMain/resources/style/components/_overview.scss
View file

@ -12,12 +12,10 @@
}
.overview-side {
min-width: 20%;
min-width: 30%;
}
.overview-twitter {
height: 20rem;
background-color: #b3e6f9;
}
.post {
@ -34,6 +32,8 @@
color: var(--primary-color);
line-height: 2rem;
padding: 0 1rem;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
&:empty::before {
display: block;

5
src/jsMain/resources/style/dark.scss
View file

@ -2,11 +2,12 @@
$background-primary-color: #2d2d2d;
$background-secondary-color: #373737;
$background-card-color: rgba($text-primary-color, 0.06);
$text-primary-color: #fff;
$text-secondary-color: rgba($text-primary-color, 0.5);
$primary-color: #dd213d;
$primary-color: #ef5350;
$primary-text-color: #fff;
$error-color: #F00;
@ -17,7 +18,7 @@ $input-border-color: #888;
$table-border-color: rgba($text-primary-color, 0.1);
$table-header-color: rgba($text-primary-color, 0.06);
$shadow-color: rgba($text-primary-color, 0.8);
$shadow-color: rgba(#000, 0.3);
$icon-color-focused: rgba($text-primary-color, 1.0);
$icon-color: rgba($text-primary-color, 0.7);

3
src/jsMain/resources/style/princess.scss
View file

@ -2,6 +2,7 @@
$background-primary-color: #ffc3e1;
$background-secondary-color: #ffa5d2;
$background-card-color: rgba($text-primary-color, 0.06);
$text-primary-color: #333;
$text-secondary-color: rgba($text-primary-color, 0.5);
@ -17,7 +18,7 @@ $input-border-color: #888;
$table-border-color: rgba($text-primary-color, 0.1);
$table-header-color: rgba($text-primary-color, 0.06);
$shadow-color: rgba($text-primary-color, 0.8);
$shadow-color: rgba(#000, 0.3);
$icon-color-focused: rgba($text-primary-color, 0.87);
$icon-color: rgba($text-primary-color, 0.54);

4
src/jsMain/resources/style/style.scss
View file

@ -14,8 +14,8 @@ body, html {
color: var(--text-primary-color);
background: var(--background-secondary-color);
font-family: 'Montserrat', Roboto, Arial, sans-serif;
font-weight: 600;
font-family: 'Raleway', 'Montserrat', Roboto, Arial, sans-serif;
font-weight: 500;
width: 100%;
height: 100%;