diff --git a/app/root.tsx b/app/root.tsx
index d5f9bac..af14a05 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -10,14 +10,15 @@ import {
} from "@remix-run/react";
import styles from "./styles/root.css";
-import doodle from "./styles/doodle.css";
export function links() {
return [
// tailwind 生成
{ rel: "stylesheet", href: styles },
- // doodle css https://github.com/chr15m/DoodleCSS
- { rel: "stylesheet", href: doodle },
+ {
+ rel: "stylesheet",
+ href: "https://resource.sunbohao.com/cornerCss/index-273b31bd39.css",
+ },
];
}
@@ -39,7 +40,7 @@ export default function App() {
-
+
diff --git a/app/styles/doodle.css b/app/styles/doodle.css
deleted file mode 100644
index 1847502..0000000
--- a/app/styles/doodle.css
+++ /dev/null
@@ -1,169 +0,0 @@
-/* Doodle CSS
- * https://github.com/chr15m/DoodleCSS
- */
-
- @import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
-body {
- font-family: 'Short Stack', cursive !important;
-}
- .doodle * {
- box-sizing: border-box;
-}
-
-.doodle {
- color: #3c3c3c;
-}
-
-.doodle input, .doodle textarea, .doodle table, .doodle img {
- max-width: 100%;
-}
-
-.doodle fieldset * {
- max-width: calc(100vw - 100px);
-}
-
-.doodle table {
- overflow: scroll;
-}
-
-.doodle a {
- color: #1c1c1c;
- font-weight: bold;
-}
-
-.doodle ul li {
- list-style-type: "* ";
-}
-
-.doodle label {
- padding: 0.25em 0px;
- display: inline-block;
-}
-
-.doodle fieldset, .doodle textarea {
- border-style: solid;
- border-width: 10px 10px 10px 10px;
- border-image: url(/img/border.svg) 10 10 10 10 stretch stretch;
-}
-
-.doodle .border, .doodle-border {
- border-style: solid;
- border-width: 10px 10px 10px 10px;
- border-image: url(/img/button.svg) 10 10 10 10 stretch stretch;
-}
-
-.doodle button, .doodle input, .doodle select {
- border-style: solid;
- border-width: 10px 10px 10px 10px;
- border-image: url(/img/button.svg) 10 10 10 10 stretch stretch;
-}
-
-.doodle button {
- text-align: center;
-}
-
-.doodle input[type="color"] {
- min-height: 1.5em;
-}
-
-.doodle hr {
- border-style: solid;
- border-width: 0px 3px 6px 3px;
- border-image: url(/img/hr.svg) 0 3 6 3 stretch stretch;
-}
-
-.doodle blockquote {
- border-left-style: solid;
- border-width: 0px 6px 3px 6px;
- border-image: url(/img/bq.svg) 0 6 3 6 stretch stretch;
- padding-left: 0.5em;
- border-right-width: 0px;
-}
-
-.doodle pre {
- overflow: auto;
-}
-
-.doodle table {
- border-collapse: collapse;
- overflow: auto;
- display: block;
-}
-
-.doodle table thead {
- border-bottom: 3px solid #bbb;
-}
-
-.doodle table caption {
- border-bottom-style: solid;
- border-width: 0px 3px 6px 3px;
- border-image: url(/img/hr.svg) 0 3 6 3 stretch stretch;
-}
-
-.doodle table td {
- vertical-align: top;
-}
-
-.doodle img {
- border-radius: 3px;
- border-style: solid;
- border-width: 3px 3px 3px 3px;
- border-image: url(/img/button.svg) 3 3 3 3 stretch stretch;
-}
-
-.doodle select {
- -webkit-appearance: none;
- appearance: none;
- padding-right: 1.5em;
- background: url(/img/caret.svg) no-repeat right transparent;
- background-position-x: calc(100% - 10px);
-}
-
-.doodle select[multiple] {
- background: none;
- padding: 0px;
-}
-
-.doodle button, .doodle textarea, .doodle input, .doodle select {
- background-color: unset;
- font-family: 'Short Stack', cursive;
- font-size: 1em;
- color: #3c3c3c;
-}
-
-.doodle input[type="checkbox"] {
- border-width: 6px 6px 6px 6px;
- border-image: url(/img/checkbox.svg) 6 6 6 6 stretch stretch;
-}
-
-.doodle input[type="radio"] {
- border-width: 16px 16px 16px 16px;
- border-image: url(/img/radio.svg) 16 16 16 16 stretch stretch;
-}
-
-.doodle input[type="checkbox"], .doodle input[type="radio"] {
- -webkit-appearance: none;
- appearance: none;
- outline: 0;
- background: transparent;
- width: 1.5em;
- height: 1.5em;
- display: inline-flex;
- justify-content: center;
- align-items: center;
-}
-
-.doodle input[type="checkbox"]:after, .doodle input[type="radio"]:after {
- font-size: 1.25em;
- content: " ";
- margin-bottom: -0.25em;
-}
-
-.doodle input[type="checkbox"]:disabled:after, .doodle input[type="radio"]:disabled:after {
- content: "-";
- color: grey;
-}
-
-.doodle input[type="checkbox"]:checked:after, .doodle input[type="radio"]:checked:after {
- content: "*";
-}
\ No newline at end of file
diff --git a/package.json b/package.json
index 6badebc..6bd3680 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
"dev": "concurrently \"npm run dev:css\" \"remix dev\"",
"dev:css": "tailwindcss -w -i ./app/styles/app.css -o ./app/styles/root.css",
"start": "PORT=4000 remix-serve build",
- "deploy":"pnpm i && docker build -t eatwhat . && docker container run -d -p 4000:4000 --rm eatwhat"
+ "deploy": "pnpm i && docker build -t eatwhat . && docker container run -d -p 4000:4000 --rm eatwhat"
},
"dependencies": {
"@remix-run/node": "^1.7.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d282061..e351fce 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,6 +10,7 @@ specifiers:
'@types/react': ^18.0.15
'@types/react-dom': ^18.0.6
concurrently: ^7.4.0
+ doodle.css: ^0.0.2
eslint: ^8.23.1
isbot: ^3.5.4
localforage: ^1.10.0
@@ -24,6 +25,7 @@ dependencies:
'@remix-run/react': 1.7.3_biqbaboplfbrettd7655fr4n2y
'@remix-run/serve': 1.7.3_biqbaboplfbrettd7655fr4n2y
concurrently: 7.4.0
+ doodle.css: 0.0.2
isbot: 3.6.1
localforage: 1.10.0
lodash: 4.17.21
@@ -3017,6 +3019,10 @@ packages:
resolution: {integrity: sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==}
dev: true
+ /doodle.css/0.0.2:
+ resolution: {integrity: sha512-WHIPpiPAG+GgdSOu9tSfRisvSCClEobSMKZ2JmvbawKKO9aff2SIhlZC0w3nE8/k+kph1NS8tON+3VJiUpl1oA==}
+ dev: false
+
/dotenv/16.0.3:
resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
engines: {node: '>=12'}
diff --git a/public/img/border.svg b/public/img/border.svg
deleted file mode 100644
index e023e6f..0000000
--- a/public/img/border.svg
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
diff --git a/public/img/bq.svg b/public/img/bq.svg
deleted file mode 100644
index dd85936..0000000
--- a/public/img/bq.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
diff --git a/public/img/buttom.svg b/public/img/buttom.svg
deleted file mode 100644
index 6fdea6c..0000000
--- a/public/img/buttom.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
\ No newline at end of file
diff --git a/public/img/button.svg b/public/img/button.svg
deleted file mode 100644
index a2aadd3..0000000
--- a/public/img/button.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
diff --git a/public/img/caret copy.svg b/public/img/caret copy.svg
deleted file mode 100644
index 9b1eff1..0000000
--- a/public/img/caret copy.svg
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
diff --git a/public/img/caret.svg b/public/img/caret.svg
deleted file mode 100644
index 10cb5d9..0000000
--- a/public/img/caret.svg
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/public/img/checkbox.svg b/public/img/checkbox.svg
deleted file mode 100644
index bd1253a..0000000
--- a/public/img/checkbox.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
diff --git a/public/img/doodles.svg b/public/img/doodles.svg
deleted file mode 100644
index 6ffcff4..0000000
--- a/public/img/doodles.svg
+++ /dev/null
@@ -1,950 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/public/img/figure.svg b/public/img/figure.svg
deleted file mode 100644
index 41c08b1..0000000
--- a/public/img/figure.svg
+++ /dev/null
@@ -1,103 +0,0 @@
-
-
-
-
diff --git a/public/img/hr.svg b/public/img/hr.svg
deleted file mode 100644
index 6caa4c2..0000000
--- a/public/img/hr.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
diff --git a/public/img/icon.svg b/public/img/icon.svg
deleted file mode 100644
index 454bff0..0000000
--- a/public/img/icon.svg
+++ /dev/null
@@ -1,81 +0,0 @@
-
-
-
-
diff --git a/public/img/radio.svg b/public/img/radio.svg
deleted file mode 100644
index d656043..0000000
--- a/public/img/radio.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
diff --git a/public/img/star.svg b/public/img/star.svg
deleted file mode 100644
index f387fb0..0000000
--- a/public/img/star.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-
-
-
-