Fix button style, button type (#450)

2026-01-13 17:36:10 +07:00
parent aaaa2599ed
commit 2482e9f957
15 changed files with 336 additions and 276 deletions
@@ -56,15 +56,22 @@ export function ImportTab({
    <Box mt={2}>
      {importMode === "file" && (
        <>
-          <Button variant="outlined" component="label" sx={{ mb: 1 }}>
-            {t("common.select_file")}
-            <input
-              type="file"
-              hidden
-              accept=".ics"
-              onChange={(e) => setImportFile(e.target.files?.[0] ?? null)}
-            />
-          </Button>
+          <Box mb={1}>
+            <Button
+              variant="outlined"
+              component="label"
+              size="medium"
+              sx={{ borderRadius: "12px" }}
+            >
+              {t("common.select_file")}
+              <input
+                type="file"
+                hidden
+                accept=".ics"
+                onChange={(e) => setImportFile(e.target.files?.[0] ?? null)}
+              />
+            </Button>
+          </Box>
          {importFile && (
            <Typography variant="body2" color="text.secondary">
              {importFile.name}