From 17383683bf21cececf38ce77136790e900459438 Mon Sep 17 00:00:00 2001 From: dichgrem Date: Fri, 14 Nov 2025 11:07:25 +0800 Subject: [PATCH] refactor:view_in_phone --- todos/index.html | 26 +++++++++++++++----------- todos/src/App.vue | 8 +++++--- todos/src/components/TodoHeader.vue | 14 ++++++++++---- 3 files changed, 30 insertions(+), 18 deletions(-) diff --git a/todos/index.html b/todos/index.html index 7452235..decc4ae 100644 --- a/todos/index.html +++ b/todos/index.html @@ -1,13 +1,17 @@ - - - - - todos - - -
- - - + + + + + + todos + + + +
+ + + + \ No newline at end of file diff --git a/todos/src/App.vue b/todos/src/App.vue index 494715e..9f02ecb 100644 --- a/todos/src/App.vue +++ b/todos/src/App.vue @@ -70,11 +70,13 @@ export default { diff --git a/todos/src/components/TodoHeader.vue b/todos/src/components/TodoHeader.vue index ea886b7..fd9ac53 100644 --- a/todos/src/components/TodoHeader.vue +++ b/todos/src/components/TodoHeader.vue @@ -20,14 +20,20 @@ h1 { } input { - width: 90%; - max-width: 500px; + width: 100%; + max-width: 400px; + margin: 0 auto; padding: 12px; font-size: 16px; - border: 1px solid #ddd; + border: 2px solid #409eff; border-radius: 6px; outline: none; - transition: 0.3s; + display: block; + box-sizing: border-box; +} + +input { + -webkit-text-size-adjust: 100%; } .input-wrapper {