feat(web): update Vue components
- App.vue: update app root component - PersonalWorkbench.vue: update personal workbench component
This commit is contained in:
@@ -409,8 +409,10 @@ const policyItems = [
|
||||
|
||||
<style scoped>
|
||||
.workbench {
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.assistant-hero {
|
||||
@@ -1060,6 +1062,43 @@ const policyItems = [
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.workbench {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.assistant-hero {
|
||||
gap: 16px;
|
||||
padding: 18px 20px 18px 16px;
|
||||
}
|
||||
|
||||
.assistant-copy h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.assistant-visual {
|
||||
min-height: 184px;
|
||||
}
|
||||
|
||||
.assistant-image {
|
||||
width: 172px;
|
||||
}
|
||||
|
||||
.workbench-grid {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.list-panel,
|
||||
.policy-panel {
|
||||
padding: 18px 20px;
|
||||
}
|
||||
|
||||
.policy-row {
|
||||
min-height: 52px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.assistant-hero {
|
||||
grid-template-columns: 1fr;
|
||||
|
||||
Reference in New Issue
Block a user