Re factored the homepage, so that it's scss is explicit.

This commit is contained in:
Colin Dawson 2026-03-18 11:41:15 +00:00
parent d36b051bad
commit ae04ff7613
3 changed files with 29 additions and 27 deletions

View File

@ -45,33 +45,6 @@ table {
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 {
float: left;
margin-top: 10px;

28
src/Sass/_homepage.scss Normal file
View 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;
}
}

View File

@ -1,6 +1,7 @@
import React from "react";
import { useTranslation } from "react-i18next";
import { Namespaces } from "../../i18n/i18n";
import "../../Sass/_homepage.scss";
const HomePage: React.FC = () => {
const { t } = useTranslation(Namespaces.Common);