|
|
@@ -100,21 +100,23 @@ const handleCopy = () => {
|
|
|
<style lang="scss">
|
|
|
.room-code {
|
|
|
text-align: center;
|
|
|
+ padding: $spacing-mini; // 保留卡片整体内边距
|
|
|
|
|
|
&__title {
|
|
|
- margin-bottom: 10px;
|
|
|
+ padding-top: $spacing-base; // 标题与顶部距离
|
|
|
+ margin-bottom: 0; // 移除下方 margin，改用 value 的 margin-top
|
|
|
}
|
|
|
|
|
|
&__value {
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- margin-bottom: 20px;
|
|
|
+ font-size: $font-size-xlarge;
|
|
|
+ font-weight: $font-weight-bold;
|
|
|
+ margin: $spacing-base 0 $spacing-base; // 简写：上、左右、下
|
|
|
}
|
|
|
|
|
|
&__actions {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
- gap: 10px;
|
|
|
+ gap: $spacing-base;
|
|
|
}
|
|
|
}
|
|
|
|
