style: update border-radius and padding values across components

- standardize border-radius from 8px to 6px for consistent styling - adjust padding values from 1rem to 0.75rem for better visual hierarchy - remove redundant overflow-y properties for cleaner code
2026-02-14 20:23:34 +08:00
parent 81e4284b87
commit d35211071a
373 changed files with 3441 additions and 5629 deletions
@@ -101,7 +101,7 @@ const simulateResize = () => {
 .advanced-tui {
  background: #0a0a0a;
  padding: 20px;
-  border-radius: 8px;
+  border-radius: 6px;
  border: 1px solid #333;
  font-family: 'Menlo', monospace;
 }
@@ -596,7 +596,7 @@ const reset = () => {
 .node {
  background: #18181b;
  border: 2px solid #27272a;
-  border-radius: 8px;
+  border-radius: 6px;
  width: 140px;
  height: 130px;
  display: flex;
@@ -757,7 +757,7 @@ const reset = () => {
  gap: 20px;
  background: #18181b;
  padding: 20px;
-  border-radius: 8px;
+  border-radius: 6px;
  border: 1px solid #27272a;
 }

@@ -127,7 +127,7 @@ const quitVim = () => {

 .terminal-frame {
  background: #1e1e1e;
-  border-radius: 8px;
+  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  border: 1px solid #333;
@@ -274,7 +274,7 @@ const quitVim = () => {
 .controls {
  margin-top: 15px;
  background: #f6f6f7;
-  border-radius: 8px;
+  border-radius: 6px;
  padding: 15px;
  border: 1px solid #eee;
 }
@@ -171,7 +171,7 @@ const cellStyle = computed(() => ({
  align-items: center;
  justify-content: center;
  border: 1px solid #27272a;
-  border-radius: 8px;
+  border-radius: 6px;
  background: #000;
  aspect-ratio: 3/4;
 }
@@ -191,7 +191,7 @@ const handleRawMode = (e) => {
  padding: 10px;
  border: 1px solid var(--vp-c-divider);
  background: var(--vp-c-bg-soft);
-  border-radius: 8px;
+  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.2s;
@@ -205,7 +205,7 @@ const handleRawMode = (e) => {

 .demo-container {
  background: #1e1e1e;
-  border-radius: 8px;
+  border-radius: 6px;
  padding: 20px;
  border: 1px solid #333;
  position: relative;
@@ -211,7 +211,7 @@ const play = async () => {
 <style scoped>
 .parser-demo {
  background: #1e1e1e;
-  border-radius: 8px;
+  border-radius: 6px;
  padding: 20px;
  color: #fff;
  font-family: 'Menlo', monospace;
@@ -337,7 +337,7 @@ button.active {
 .terminal-window {
  background: #000;
  border: 1px solid #27272a;
-  border-radius: 8px;
+  border-radius: 6px;
  height: 320px;
  display: flex;
  flex-direction: column;
@@ -155,7 +155,7 @@ const startAnimation = async () => {
  gap: 40px;
  background: #0a0a0a;
  padding: 30px;
-  border-radius: 8px;
+  border-radius: 6px;
  border: 1px solid #333;
  font-family: 'Menlo', monospace;
  color: #ccc;
@@ -175,7 +175,7 @@ const handleKeydown = (e) => {
  background: #10b981;
  color: #fff;
  padding: 12px 24px;
-  border-radius: 8px;
+  border-radius: 6px;
  font-weight: 600;
  display: flex;
  align-items: center;
@@ -228,7 +228,7 @@ const handleKeydown = (e) => {
 .info-box {
  background: #18181b; /* Zinc 900 */
  padding: 16px 20px;
-  border-radius: 8px;
+  border-radius: 6px;
  min-width: 140px;
  border: 1px solid #27272a;
 }
@@ -296,7 +296,7 @@ reset()
 .terminal-window {
  background: #000;
  border: 1px solid #27272a;
-  border-radius: 8px;
+  border-radius: 6px;
  height: 200px;
  display: flex;
  flex-direction: column;
@@ -325,7 +325,7 @@ reset()
  padding: 15px;
  flex: 1;
  font-size: 14px;
-  overflow-y: auto;
+  
 }

 .term-line {
@@ -421,7 +421,7 @@ const performClick = () => {
  height: 80px;
  background: #000;
  border: 1px solid #3f3f46;
-  border-radius: 8px;
+  border-radius: 6px;
  padding: 10px;
  color: #22c55e;
  font-size: 12px;
@@ -584,7 +584,7 @@ watch(currentOS, () => {
 .ai-helper {
  margin-bottom: 20px;
  border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
  overflow: hidden;
  background: var(--vp-c-bg);
 }
@@ -613,7 +613,7 @@ watch(currentOS, () => {

 .chat-bubble {
  padding: 8px 12px;
-  border-radius: 8px;
+  border-radius: 6px;
  font-size: 0.9rem;
  margin-bottom: 10px;
  max-width: 90%;
@@ -675,7 +675,7 @@ watch(currentOS, () => {
  padding: 15px;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
-  border-radius: 8px;
+  border-radius: 6px;
  color: #10b981;
  font-weight: bold;
  display: flex;
@@ -786,7 +786,7 @@ watch(currentOS, () => {
 .terminal-body {
  flex: 1;
  padding: 10px;
-  overflow-y: auto;
+  
  cursor: text;
  font-size: 14px;
  line-height: 1.5;
@@ -421,7 +421,7 @@ const nextStep = async () => {
  padding: 8px 16px;
  border: 1px solid var(--vp-c-divider);
  background: var(--vp-c-bg-soft);
-  border-radius: 8px;
+  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
@@ -445,7 +445,7 @@ const nextStep = async () => {
 }

 .terminal-window {
-  border-radius: 8px;
+  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(128, 128, 128, 0.2);
@@ -572,7 +572,7 @@ onMounted(() => {

 .terminal-container {
  background-color: #0a0a0a;
-  border-radius: 8px;
+  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  border: 1px solid #27272a;
@@ -622,7 +622,7 @@ onMounted(() => {
 .terminal-body {
  padding: 15px;
  flex: 1;
-  overflow-y: auto;
+  
  color: #e4e4e7;
  font-size: 14px;
  line-height: 1.6;
@@ -677,7 +677,7 @@ input {
 .cheat-sheet {
  background: #18181b;
  border: 1px solid #27272a;
-  border-radius: 8px;
+  border-radius: 6px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
@@ -702,7 +702,7 @@ input {

 .sheet-content {
  padding: 15px;
-  overflow-y: auto;
+  
  flex: 1;
 }