fix: 样式异常 (#76)

* chore: update README

* fix: 样式异常
This commit is contained in:
Redon 2023-02-21 09:32:09 +08:00 committed by GitHub
parent 4ab9f709de
commit 938c91f635
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 9 deletions

View File

@ -11,8 +11,6 @@
[✓] 对代码等消息类型的格式化美化处理
[✗] 用户模块(注册、登录、个人中心)
[✗] 界面多语言
[✗] 界面主题
@ -61,7 +59,6 @@ pnpm install
pnpm bootstrap
```
## 运行
### 后端服务
@ -78,15 +75,24 @@ pnpm dev
```
## 打包
## Docker build
[参考信息](https://github.com/Chanzhaoyu/chatgpt-web/pull/42)
### 使用 Docker
### Docker build & Run
```bash
docker build -t chatgpt-web .
# 前台运行
docker run --name chatgpt-web --rm -it -p 3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web
# 后台运行
docker run --name chatgpt-web -d -p 3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web
# 运行地址
http://localhost:3002/
```
## Docker compose
### Docker compose
[Hub 地址](https://hub.docker.com/repository/docker/chenzhaoyu94/chatgpt-web/general)
@ -102,10 +108,12 @@ services:
OPENAI_API_KEY: xxxxxx
```
## 手动打包
### 后端服务
> 如果你不需要本项目的 `node` 接口,可以省略如下操作
复制 `service` 文件夹到你有 `node` 服务环境的服务器上。(搜索关键字:`express部署`
复制 `service` 文件夹到你有 `node` 服务环境的服务器上。
```shell
# 安装
@ -122,7 +130,9 @@ PS: 不进行打包,直接在服务器上运行 `pnpm start` 也可
### 前端打包
根目录下运行以下命令,然后将 `dist` 文件夹复制到你的托管服务器上
1、修改根目录下 `.env``VITE_APP_API_BASE_URL` 为你的实际后端接口地址
2、根目录下运行以下命令然后将 `dist` 文件夹内的文件复制到你网站服务的根目录下
[参考信息](https://cn.vitejs.dev/guide/static-deploy.html#building-the-app)

View File

@ -224,6 +224,13 @@ const buttonDisabled = computed(() => {
return loading.value || !prompt.value || prompt.value.trim() === ''
})
const wrapClass = computed(() => {
if (isMobile.value)
return ['pt-14', 'pb-14']
return []
})
const footerClass = computed(() => {
let classes = ['p-4']
if (isMobile.value)
@ -242,7 +249,7 @@ onUnmounted(() => {
</script>
<template>
<div class="flex flex-col h-full pt-14 pb-14">
<div class="flex flex-col h-full" :class="wrapClass">
<main class="flex-1 overflow-hidden">
<div ref="scrollRef" class="h-full p-4 overflow-hidden overflow-y-auto" :class="[{ 'p-2': isMobile }]">
<template v-if="!dataSources.length">