chore: update response padding

This commit is contained in:
Steven
2023-08-01 23:39:29 +08:00
parent 74200f468c
commit 759ca1c6fd
9 changed files with 14 additions and 10 deletions

View File

@@ -11,7 +11,7 @@ const Account: React.FC = () => {
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<p className="text-3xl my-2">{currentUser.nickname}</p>
<p className="leading-8 flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">Email: </span>

View File

@@ -43,7 +43,7 @@ const Home: React.FC = () => {
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 pt-4 pb-6 flex flex-col justify-start items-start">
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 pt-4 pb-6 flex flex-col justify-start items-start">
<Navigator />
<div className="w-full flex flex-row justify-between items-center mb-4">
<div className="flex flex-row justify-start items-center">

View File

@@ -8,7 +8,7 @@ const Setting: React.FC = () => {
const isAdmin = currentUser.role === "ADMIN";
return (
<div className="mx-auto max-w-6xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
<AccountSection />
{isAdmin && (
<>

View File

@@ -3,7 +3,7 @@ import copy from "copy-to-clipboard";
import { useEffect, useState } from "react";
import toast from "react-hot-toast";
import { useTranslation } from "react-i18next";
import { useLoaderData } from "react-router-dom";
import { useLoaderData, useNavigate } from "react-router-dom";
import { showCommonDialog } from "../components/Alert";
import AnalyticsDialog from "../components/AnalyticsDialog";
import Dropdown from "../components/common/Dropdown";
@@ -22,6 +22,7 @@ interface State {
const ShortcutDetail = () => {
const { t } = useTranslation();
const navigate = useNavigate();
const shortcutId = (useLoaderData() as Shortcut).id;
const shortcut = shortcutService.getShortcutById(shortcutId) as Shortcut;
const currentUser = useUserStore().getCurrentUser();
@@ -55,13 +56,16 @@ const ShortcutDetail = () => {
style: "danger",
onConfirm: async () => {
await shortcutService.deleteShortcutById(shortcut.id);
navigate("/", {
replace: true,
});
},
});
};
return (
<>
<div className="mx-auto max-w-6xl w-full px-3 pt-4 pb-6 flex flex-col justify-start items-start">
<div className="mx-auto max-w-6xl w-full px-3 md:px-12 pt-4 pb-6 flex flex-col justify-start items-start">
<div className="mt-8 w-12 h-12 flex justify-center items-center overflow-clip">
{favicon ? (
<img className="w-full h-auto rounded-full" src={favicon} decoding="async" loading="lazy" />