titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix spacing

Browse Source
This commit is contained in:
1ilit 2023-11-30 15:02:13 +02:00
parent 50c776077a
commit aae695a61e
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/BugReport.jsx
View File

@ -173,7 +173,7 @@ export default function BugReport() {
return ( return (
<> <>
<div className="sm:py-3 py-5 px-6 flex justify-between items-center"> <div className="sm:py-3 py-5 px-20 sm:px-6 flex justify-between items-center">
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<img <img
src={theme === "dark" ? logo_dark : logo_light} src={theme === "dark" ? logo_dark : logo_light}
@ -203,7 +203,7 @@ export default function BugReport() {
theme === "dark" ? "border-zinc-700" : "border-zinc-300" theme === "dark" ? "border-zinc-700" : "border-zinc-300"
} my-1`} } my-1`}
/> />
<div className="grid grid-cols-12 gap-8 my-6 mx-8 sm:mx-3"> <div className="grid grid-cols-12 gap-8 my-6 mx-20 sm:mx-6">
<div className="col-span-4 md:col-span-12 lg:col-span-4"> <div className="col-span-4 md:col-span-12 lg:col-span-4">
<div className="card-theme p-6 rounded-md"> <div className="card-theme p-6 rounded-md">
<div className="flex items-center"> <div className="flex items-center">

2
src/pages/Templates.jsx
View File

@ -5,7 +5,7 @@ import { Link } from "react-router-dom";
export default function Templates() { export default function Templates() {
return ( return (
<div> <div>
<div className="sm:py-3 py-5 px-6 flex justify-between items-center select-none"> <div className="sm:py-3 py-5 px-20 sm:px-6 flex justify-between items-center select-none">
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<Link to="/"> <Link to="/">
<img <img

4
src/pages/shortcuts.jsx
View File

@ -110,7 +110,7 @@ export default function Shortcuts() {
return ( return (
<> <>
<div className="sm:py-3 py-5 px-6 flex justify-between items-center"> <div className="sm:py-3 py-5 px-20 sm:px-6 flex justify-between items-center">
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<img <img
src={theme === "dark" ? logo_dark : logo_light} src={theme === "dark" ? logo_dark : logo_light}
@ -167,7 +167,7 @@ export default function Shortcuts() {
onSelect={(v) => {}} onSelect={(v) => {}}
></AutoComplete> ></AutoComplete>
</div> </div>
<div className="grid sm:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 m-6 gap-5 select-none"> <div className="grid sm:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 my-6 mx-20 sm:mx-6 gap-5 select-none">
{shortcuts.map((s, i) => ( {shortcuts.map((s, i) => (
<div className="p-3 card-theme rounded" key={i}> <div className="p-3 card-theme rounded" key={i}>
<div className="flex justify-between sm:text-sm"> <div className="flex justify-between sm:text-sm">

6
src/pages/survey.jsx
View File

@ -73,7 +73,9 @@ function SurveyForm({ theme }) {
subject: `[SURVEY]: ${new Date().toDateString()}`, subject: `[SURVEY]: ${new Date().toDateString()}`,
message: `${Object.keys(form).map( message: `${Object.keys(form).map(
(k) => `<div>${questions[k]}</div><div>${form[k]}</div>` (k) => `<div>${questions[k]}</div><div>${form[k]}</div>`
)}<div>How can we make drawDB a better experience for you?</div>${$generateHtmlFromNodes(editor)}`, )}<div>How can we make drawDB a better experience for you?</div>${$generateHtmlFromNodes(
editor
)}`,
}) })
.then((res) => { .then((res) => {
Toast.success("Thanks for the feedback!"); Toast.success("Thanks for the feedback!");
@ -272,7 +274,7 @@ export default function Survey() {
return ( return (
<> <>
<div className="sm:py-3 py-5 md:px-8 px-8 flex justify-between items-center"> <div className="sm:py-3 py-5 md:px-8 px-20 flex justify-between items-center">
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<img <img
src={theme === "dark" ? logo_dark : logo_light} src={theme === "dark" ? logo_dark : logo_light}