aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/ui/style.css
diff options
context:
space:
mode:
authorHsiangNianian <i@jyunko.cn>2026-01-13 15:19:50 +0800
committerHsiangNianian <i@jyunko.cn>2026-01-13 15:19:50 +0800
commit94bbf11e4e37b880b111316f1af8006b05d38e2a (patch)
tree090908cd31d387c4cda683582719c3492b2bf31f /ui/style.css
parent7ca72b953e1e42659376016e0eb048593e31ed6d (diff)
downloadDropOut-94bbf11e4e37b880b111316f1af8006b05d38e2a.tar.gz
DropOut-94bbf11e4e37b880b111316f1af8006b05d38e2a.zip
feat: Initialize Svelte application with Tailwind CSS and Tauri integration
- Added main application structure in App.svelte with a sidebar and main content area. - Implemented game launch functionality using Tauri's invoke API. - Included SVG icons for Vite and Svelte in the assets. - Set up Tailwind CSS for styling in app.css. - Created a Counter component for demonstration purposes. - Configured TypeScript support with appropriate tsconfig files. - Established Vite configuration for building the application.
Diffstat (limited to 'ui/style.css')
-rw-r--r--ui/style.css57
1 files changed, 0 insertions, 57 deletions
diff --git a/ui/style.css b/ui/style.css
deleted file mode 100644
index 8820ebc..0000000
--- a/ui/style.css
+++ /dev/null
@@ -1,57 +0,0 @@
-body {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- background-color: #2c2f33;
- color: #ffffff;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
- margin: 0;
- user-select: none;
-}
-
-.container {
- text-align: center;
- background-color: #23272a;
- padding: 2rem;
- border-radius: 10px;
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
- width: 300px;
-}
-
-h1 {
- font-size: 1.2rem;
- margin-bottom: 2rem;
- color: #7289da;
-}
-
-.status-container {
- margin-bottom: 1.5rem;
- min-height: 1.5rem;
-}
-
-#status-text {
- font-size: 0.9rem;
- color: #99aab5;
- margin: 0;
-}
-
-button {
- background-color: #43b581;
- color: white;
- border: none;
- padding: 10px 20px;
- border-radius: 5px;
- font-size: 1rem;
- cursor: pointer;
- transition: background-color 0.2s;
- width: 100%;
-}
-
-button:hover {
- background-color: #3ca374;
-}
-
-button:active {
- background-color: #358f66;
-}