remove unnecessary css module

Author: Sorosliu1029

jupyterlab_leetcode/utils/utils.py

@@ -55,7 +55,7 @@ def get_leetcode_cookie(browser: str, settings: dict[str, Any], ua: str):
     try:
         cj = BROWSER_COOKIE_METHOD_MAP[browser](domain_name="leetcode.com")
     except browser_cookie3.BrowserCookieError as e:
-        raise Exception("Failed to retrieve cookies. Maybe not installed the browser?")
+        raise Exception(f"Failed to retrieve cookies. Maybe {browser} not installed?")
     except Exception as e:
         raise Exception(f"An error occurred: {str(e)}")
 

src/components/Footer.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Anchor, Container, Group } from '@mantine/core';
-import classes from '../styles/Footer.module.css';
+import { Anchor, Group } from '@mantine/core';
 import { IconBrandLeetcode } from '@tabler/icons-react';
 
 const Links = [
@@ -14,24 +13,29 @@ const Links = [
 
 const Footer = () => {
   return (
-    <div className={classes.footer}>
-      <Container className={classes.inner}>
-        <IconBrandLeetcode size={28} />
-        <Group className={classes.links}>
-          {Links.map(link => (
-            <Anchor<'a'>
-              c="dimmed"
-              key={link.label}
-              href={link.link}
-              target="_blank"
-              size="sm"
-            >
-              {link.label}
-            </Anchor>
-          ))}
-        </Group>
-      </Container>
-    </div>
+    <Group
+      justify="space-between"
+      pt="md"
+      style={{
+        borderTop:
+          '1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5))'
+      }}
+    >
+      <IconBrandLeetcode size={28} />
+      <Group>
+        {Links.map(link => (
+          <Anchor<'a'>
+            c="dimmed"
+            key={link.label}
+            href={link.link}
+            target="_blank"
+            size="sm"
+          >
+            {link.label}
+          </Anchor>
+        ))}
+      </Group>
+    </Group>
   );
 };
 

src/components/LandingPage.tsx

@@ -1,6 +1,14 @@
 import React from 'react';
 
-import { Button, Container, Group, Text, Tooltip, Anchor } from '@mantine/core';
+import {
+  Button,
+  Container,
+  Group,
+  Text,
+  Tooltip,
+  Anchor,
+  Paper
+} from '@mantine/core';
 import { IconBrandGithub, IconBrandLinkedin } from '@tabler/icons-react';
 import classes from '../styles/LandingPage.module.css';
 import Footer from './Footer';
@@ -40,8 +48,8 @@ const LandingPage: React.FC<{
   ];
 
   return (
-    <div className={classes.wrapper}>
-      <Container size={700} className={classes.inner}>
+    <Paper>
+      <Container size={700} pt={200}>
         <h1 className={classes.title}>
           Welcome to{' '}
           <Text
@@ -67,14 +75,23 @@ const LandingPage: React.FC<{
           >
             log into LeetCode
           </Anchor>
-          .
+          <sup>*</sup>
         </Text>
 
         <Group className={classes.controls}>{...options}</Group>
 
+        <Text
+          size="sm"
+          c="dimmed"
+          mt="calc(var(--mantine-spacing-xl) * 2)"
+          mb="sm"
+        >
+          * leetcode.cn not supported yet.
+        </Text>
+
         <Footer />
       </Container>
-    </div>
+    </Paper>
   );
 };
 

src/styles/Footer.module.css

@@ -1,12 +1,3 @@
-.wrapper {
-  position: relative;
-  box-sizing: border-box;
-  background-color: light-dark(
-    var(--mantine-color-white),
-    var(--mantine-color-dark-8)
-  );
-}
-
 .inner {
   position: relative;
   padding-top: 200px;