codex-bot
36aee09dfa
Verify mini program and deploy preview / verify-deploy (push) Successful in 50s
25 lines
2.2 KiB
CSS
25 lines
2.2 KiB
CSS
.editor { min-height: 100vh; padding: 20rpx 22rpx 40rpx; background: #151515; color: #fff; }
|
|
.editor-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18rpx; }
|
|
.editor-head text { font-size: 31rpx; font-weight: 900; }
|
|
.editor-head view view { margin-top: 4rpx; color: #888; font-size: 19rpx; }
|
|
.export { margin: 0; padding: 0 30rpx; min-width: 0; height: 64rpx; line-height: 64rpx; border-radius: 99rpx; background: #ff3156; color: #fff; font-size: 23rpx; font-weight: 800; }
|
|
.poster { width: 100%; height: 880rpx; background: #242424; }
|
|
.strip, .media-strip, .tool-strip { white-space: nowrap; }
|
|
.strip-row, .media-row, .tool-row { display: flex; align-items: center; }
|
|
.strip { margin-top: 18rpx; }
|
|
.chip { flex: none; margin-right: 10rpx; padding: 0 22rpx; min-width: 0; height: 54rpx; line-height: 54rpx; border-radius: 8rpx; background: #292929; color: #aaa; font-size: 20rpx; }
|
|
.chip.active { background: #fff; color: #111; }
|
|
.media-strip { margin-top: 22rpx; }
|
|
.media-thumb, .add-media { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 112rpx; height: 112rpx; margin-right: 12rpx; border: 2rpx solid #444; border-radius: 10rpx; background: #252525; color: #fff; font-size: 20rpx; }
|
|
.bracket-thumb { border-color: #fff; background: #f3eadf; color: #111; font-weight: 800; }
|
|
.add-media text { margin-top: 5rpx; color: #999; font-size: 16rpx; }
|
|
.tool-strip { margin-top: 25rpx; }
|
|
.tool { flex: none; width: 104rpx; text-align: center; color: #888; font-size: 19rpx; }
|
|
.tool.active { color: #fff; }
|
|
.tool-icon { display: grid; place-items: center; width: 50rpx; height: 50rpx; margin: 0 auto 9rpx; border: 3rpx solid currentColor; border-radius: 12rpx; font-size: 18rpx; }
|
|
.tool-panel { display: flex; margin-top: 22rpx; padding: 18rpx; overflow: hidden; background: #222; }
|
|
.theme-chip { flex: 1; margin: 0 5rpx; padding: 0; height: 58rpx; line-height: 58rpx; border-radius: 6rpx; background: #333; color: #aaa; font-size: 19rpx; }
|
|
.theme-chip.active { background: #fff; color: #111; }
|
|
.setting-row { display: flex; width: 100%; justify-content: space-between; font-size: 22rpx; }
|
|
.hint { color: #777; font-size: 20rpx; }
|