Files
danmu_api/danmu_api/ui/css/responsive.css.js
T
huangxd- 995d5f10e0 feature: 新增UI支持 (#105)
* 增加环境变量处理类

* 完善node-handler.js

* 完善node-handler.js

* 完善vercel-handler.js

* 增加netlify-handler

* 修改netlify-handler.js

* 完善netlify-handler.js

* 增加cloudflare-handler.js

* 完善cloudflare-handler.js

* 完善cloudflare-handler.js

* 新增edgeone-handler.js

* edgeone和vercel增加部署函数

* 增加部署平台环境变量配置指南

* 优化小点

* 增加UI界面,非真实数据,main.js待后续拆分

* 增加当前版本和最新版本通过后端接口获取

* 修复云端部署的问题

* 前端使用分离文件模块

* 前端使用分离文件模块

* 在html和script上使用globals全局变量信息

* 使用 Language Injection 注释,支持语法高亮、补全、格式化、跳转

* 清理ui无用文件

* 优化缓存清理和重新部署确认弹窗UI

* 修改调试api

* 使用正式调试api返回数据

* 完善接口调试实际接口数据

* 日志查看调用真实数据

* 修改成系统配置

* 合并冲突

* 配置预览使用真实数据

* 提取log接口函数到system-api

* ui上增加API端点展示

* 系统配置里的环境变量使用真实数据

* 删除添加配置按钮,优化变量值输入框

* 系统设置环境变量从原始环境变量获取

* 增删改环境变量对接真实数据

* 修复ui请求报401的问题

* 优化deployPlatform

* 数字类型的环境变量增加最小值和最大值限制

* 重新部署对接真实接口

* 修复云服务部署

* 日志中隐藏敏感字符

* 清理缓存打通真实数据接口

* 将main.js中的css提取到css文件中

* 增加ADMIN_TOKEN环境变量

* 完善admin_token访问权限控制

* 增加NODE_TLS_REJECT_UNAUTHORIZED,用于控制在建立 HTTPS 连接时是否验证服务器的 SSL/TLS 证书

* 所有alert都替换成自定义样式弹窗

* 增加部署平台的检查,如果没有配置部署相关的环境变量,也提示需要配置

* 没有token的情况下访问不了日志查看和接口调试

* 增加推送弹幕模块

* 修复推送弹幕

* 推送弹幕界面当点击一个anime获取到剧集列表后直接跳转到剧集列表处

* 弹幕推送ui适配手机样式

* 推送弹幕中的按钮修改为点击后加载转圈

* 推送校验地址挪到推送按钮

* 所有确认弹窗都改成适配ui样式

* 优化API端点显示

* 修复如果是默认token则用admin_token访问不了的问题

* 抽出css到css文件

* 修改handler-factory.js,将各个import的语句挪到switch相对应的case里,延迟引入

* 测试下

* 再测试下

* 尝试解决cloudflare和edgeone部署失败

* 再次尝试解决cloudflare和edgeone部署失败

* 再次尝试解决cloudflare和edgeone部署失败+1

* 再次尝试解决cloudflare和edgeone部署失败+2

* 再次尝试解决cloudflare和edgeone部署失败+3

* 再次尝试解决cloudflare和edgeone部署失败+4

* 修复弹幕推送跨域问题

* 修改标题等小细节

* 修复一些小细节

* 添加ui界面的readme

* 将handlers下的README挪到UI目录下的README

* 修改readme

* readme增加目录指引

* 刷新目录结构

* main.js中的init里的非函数抽出函数

* 拆分main.js,单独拆出preview.js

* 抽出日志查看模块

* 提取出接口调试部分

* 提取出弹幕推送模块

* 抽出系统配置模块js

* 更新项目结构

* 配置预览优化显示

* 系统配置变量值背景色修改

* 修改右上角的五个按钮布局

* 修复token非默认值的情况下api端点直接显示了token的问题

* 修复在非默认值TOKEN的情况下访问url api端点显示了token的问题

* 修改README

* 增加日志打印deployPlatform

* 调试vercel参数

* 修复vercel平台部署被判断为cloudfalre的问题

* 修复/api/config获取在没有权限的情况下不应该返回私密信息的问题

* 修复api/config接口的权限问题

* 修复日志查看、接口调试和推送弹幕模块默认token场景下没有token也能访问

* 优化currentToken获取

* main.js中部分代码挪到其他js

* 测试vercel部署方式判断

* 修复部署平台参数的问题

* 修复部署平台的几个参数问题

* 修复没有环境变量的情况下设置失败的问题

* 挪动修改环境变量代码

* 修改环境变量描述

* 修改变量的值和描述的字体颜色

* 修改cloudflare才是需要DEPLOY_PLATFROM_ACCOUNT的平台

* 添加环境变量修改后说明

* 修改重新部署时长

* 修改版本号
2025-12-07 16:42:16 +08:00

69 lines
1.2 KiB
JavaScript

// language=CSS
export const responsiveCssContent = /* css */ `
/* 响应式样式 */
@media (max-width: 768px) {
.logo {
width: 40px;
height: 40px;
font-size: 22px;
}
.header-left {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.logo-title-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.header h1 {
font-size: 18px;
margin: 0;
}
.version-info {
font-size: 11px;
flex-wrap: wrap;
margin-top: 5px;
width: 100%;
}
.nav-buttons {
width: 100%;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
}
.nav-btn {
flex: 1 1 calc(33.333% - 5px);
text-align: center;
font-size: 11px;
padding: 8px 5px;
white-space: nowrap;
min-width: 70px;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.env-item {
flex-direction: column;
align-items: flex-start;
}
.env-actions {
width: 100%;
}
.btn {
flex: 1;
}
}
`;