|
|
@@ -20,35 +20,57 @@ body{
|
|
|
|
|
|
/* 标题栏 */
|
|
|
.topbar{
|
|
|
- height:52px;
|
|
|
- display:flex;
|
|
|
- justify-content:space-between;
|
|
|
- align-items:center;
|
|
|
- padding:0 16px;
|
|
|
+ height: 64px;
|
|
|
+ background: linear-gradient(180deg, #1f2937, #111827);
|
|
|
+ border-bottom: 1px solid rgba(148, 163, 184, 0.18);
|
|
|
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
|
|
|
- background:linear-gradient(180deg,#1f2937,#111827);
|
|
|
- border-bottom:1px solid rgba(148,163,184,0.18);
|
|
|
+.device{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 12px;
|
|
|
+ margin-left: 20px;
|
|
|
+}
|
|
|
|
|
|
- color:#e2e8f0;
|
|
|
- font-size:14px;
|
|
|
- letter-spacing:0.5px;
|
|
|
- font-weight:500;
|
|
|
+.device .icon{
|
|
|
+ font-size: 28px;
|
|
|
+ width: 24px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
|
|
|
- box-shadow:0 1px 0 rgba(0,0,0,0.4);
|
|
|
+.device-info {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 1px;
|
|
|
}
|
|
|
|
|
|
-.device{
|
|
|
- font-family: ui-monospace, monospace;
|
|
|
- display:flex;
|
|
|
- align-items:center;
|
|
|
- gap:8px;
|
|
|
- font-size:15px;
|
|
|
- font-weight:500
|
|
|
+.title-line {
|
|
|
+ line-height: 1.3;
|
|
|
}
|
|
|
|
|
|
-.device .icon{
|
|
|
- display:inline-block;
|
|
|
- transform: translate(2px, -1px);
|
|
|
+.title-line .title {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #e2e8f0;
|
|
|
+ letter-spacing: 0.5px;
|
|
|
+}
|
|
|
+
|
|
|
+.imei-line {
|
|
|
+ line-height: 1.3;
|
|
|
+}
|
|
|
+
|
|
|
+#imei-value {
|
|
|
+ font-family: ui-monospace, monospace;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #94a3b8;
|
|
|
}
|
|
|
|
|
|
.actions{
|
|
|
@@ -74,6 +96,7 @@ body{
|
|
|
|
|
|
display:flex;
|
|
|
flex-direction:column;
|
|
|
+ padding: 20px;
|
|
|
}
|
|
|
|
|
|
.menu{
|
niujiuru