WelcomePage: исправление стилей

Author: DedSec256

hwproj.front/src/App.tsx

@@ -24,7 +24,7 @@ import PasswordRecovery from "components/Auth/PasswordRecovery";
 import AuthLayout from "./AuthLayout";
 import ExpertAuthLayout from "./components/Experts/AuthLayout";
 import TrackPageChanges from "TrackPageChanges";
-import PromoPage from "./pages/PromoPage";
+import WelcomePage from "./pages/WelcomePage";
 
 // TODO: add flux
 
@@ -128,7 +128,7 @@ class App extends Component<{ navigate: any }, AppState> {
                     <Route path="recovery" element={<PasswordRecovery/>}/>
                     <Route path="resetPassword" element={<ResetPassword/>}/>
                     <Route path="join/:token" element={<ExpertAuthLayout onLogin={this.login}/>}/>
-                    <Route path="/welcome" element={<PromoPage/>}/>
+                    <Route path="/welcome" element={<WelcomePage/>}/>
                     <Route path={"*"} element={<WrongPath/>}/>
                 </Routes>
                 <div style={{marginBottom: 10}}/>

hwproj.front/src/components/AppBar.tsx

@@ -144,11 +144,13 @@ export const Header: React.FC<AppBarProps> = (props: AppBarProps) => {
                             color="inherit"
                             component={Link}
                             to="/login"
-                            style={{ marginRight: 8 }}
+                            sx={{"&:hover": {color: "white"}}}
                         >
                             Вход
                         </Button>
-                        <Button color="inherit" component={Link} to="/register">
+                        <Button color="inherit" component={Link}
+                                sx={{"&:hover": {color: "white"}}}
+                                to="/register">
                             Регистрация
                         </Button>
                     </div>

hwproj.front/src/pages/PromoPage.tsx hwproj.front/src/pages/WelcomePage.tsxhwproj.front/src/pages/PromoPage.tsx renamed to hwproj.front/src/pages/WelcomePage.tsx

@@ -21,7 +21,7 @@ import {
   Paper,
 } from "@mui/material";
 
-const PromoPage: React.FC = () => {
+const WelcomePage: React.FC = () => {
   const [userType, setUserType] = useState<"student" | "lecturer" | "expert">(
     "student",
   );
@@ -115,7 +115,7 @@ const PromoPage: React.FC = () => {
       <Box
         sx={{
           bgcolor: "#e3f2fd",
-          py: { xs: 8, md: 8 },
+          py: { xs: 4, md: 4 },
           textAlign: "center",
         }}
       >
@@ -136,7 +136,7 @@ const PromoPage: React.FC = () => {
             variant="h5"
             color="text.secondary"
             paragraph
-            sx={{ mb: 4, fontSize: { xs: "1rem", md: "1.5rem" } }}
+            sx={{ fontSize: { xs: "1rem", md: "1.5rem" } }}
           >
             Веб-сервис, который помогает автоматизировать учебный процесс и
             упростить взаимодействие между студентами, преподавателями и
@@ -181,9 +181,15 @@ const PromoPage: React.FC = () => {
                   },
                 }}
               >
-                <ToggleButton value="student">Студентам</ToggleButton>
-                <ToggleButton value="lecturer">Преподавателям</ToggleButton>
-                <ToggleButton value="expert">Экспертам</ToggleButton>
+                <ToggleButton 
+                    sx={{ fontSize: "1.1rem", textTransform: "none"}}
+                    value="student">Студентам</ToggleButton>
+                <ToggleButton
+                    sx={{ fontSize: "1.1rem", textTransform: "none"}}
+                    value="lecturer">Преподавателям</ToggleButton>
+                <ToggleButton
+                    sx={{ fontSize: "1.1rem", textTransform: "none"}}
+                    value="expert">Экспертам</ToggleButton>
               </ToggleButtonGroup>
             </Box>
           </Grid>
@@ -316,7 +322,7 @@ const PromoPage: React.FC = () => {
               fontSize: "1.1rem",
               textTransform: "none",
               borderRadius: "8px",
-              "&:hover": { bgcolor: "#1565c0" },
+              "&:hover": { bgcolor: "#3f51b5", color: "white" },
             }}
           >
             Присоединиться
@@ -327,4 +333,4 @@ const PromoPage: React.FC = () => {
   );
 };
 
-export default PromoPage;
+export default WelcomePage;