Re factored the homepage, so that it's scss is explicit.
This commit is contained in:
parent
d36b051bad
commit
ae04ff7613
@ -45,33 +45,6 @@ table {
|
|||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.e-printWidget {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 20px;
|
|
||||||
min-height: 100px;
|
|
||||||
border: 1px solid $gray-600;
|
|
||||||
border-radius: 5px;
|
|
||||||
|
|
||||||
.thumbnail {
|
|
||||||
width: 80px;
|
|
||||||
min-height: 80px;
|
|
||||||
float: left;
|
|
||||||
background-color: $gray-600;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
padding-top: 35px;
|
|
||||||
width: 200px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.e-print {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.allignedCheckBox .checkbox {
|
.allignedCheckBox .checkbox {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|||||||
28
src/Sass/_homepage.scss
Normal file
28
src/Sass/_homepage.scss
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
@import "../Sass/old/_colors.scss";
|
||||||
|
|
||||||
|
.e-printWidget {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 20px;
|
||||||
|
min-height: 100px;
|
||||||
|
border: 1px solid $gray-600;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
.thumbnail {
|
||||||
|
width: 80px;
|
||||||
|
min-height: 80px;
|
||||||
|
float: left;
|
||||||
|
background-color: $gray-600;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
padding-top: 35px;
|
||||||
|
width: 200px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.e-print {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,6 +1,7 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { Namespaces } from "../../i18n/i18n";
|
import { Namespaces } from "../../i18n/i18n";
|
||||||
|
import "../../Sass/_homepage.scss";
|
||||||
|
|
||||||
const HomePage: React.FC = () => {
|
const HomePage: React.FC = () => {
|
||||||
const { t } = useTranslation(Namespaces.Common);
|
const { t } = useTranslation(Namespaces.Common);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user