diff --git a/index.html b/index.html index c650596..ecd4d03 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,8 @@ Slack-like Chat UI - - + + diff --git a/package.json b/package.json index 028f40b..be1751d 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,9 @@ "devDependencies": { "@tauri-apps/cli": ">=2.0.0-rc.0", "@vitejs/plugin-vue": "^5.0.5", + "autoprefixer": "^10.4.20", + "postcss": "^8.4.41", + "tailwindcss": "^3.4.10", "vite": "^5.3.1" } } diff --git a/postcss.config.cjs b/postcss.config.cjs new file mode 100644 index 0000000..4ffa3be --- /dev/null +++ b/postcss.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + plugins: [ + require('tailwindcss'), + require('autoprefixer'), + ] +} diff --git a/src/App.vue b/src/App.vue index b6f7795..27d4a04 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,7 @@ - - diff --git a/src/assets/styles.css b/src/assets/styles.css index ca1dd32..ef7317c 100644 --- a/src/assets/styles.css +++ b/src/assets/styles.css @@ -1,35 +1 @@ /* Apply the Inter font globally */ -body { - font-family: 'Inter', sans-serif; - background-color: #f5f5f5; - color: #333; - margin: 0; - padding: 0; - box-sizing: border-box; - font-size: 16px; - line-height: 1.5; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 600; -} - -button, -input { - font-family: inherit; - font-size: 16px; -} - -a { - text-decoration: none; - color: inherit; -} - -#app { - height: 100%; -} diff --git a/src/components/MessageList.vue b/src/components/MessageList.vue index 699f1fa..7c84c1d 100644 --- a/src/components/MessageList.vue +++ b/src/components/MessageList.vue @@ -1,17 +1,17 @@