新增/改进: 为 textarea 增加边框&内部阴影,并将其设置为垂直居中

jerrykuku · Jun 8, 2023 · 79dbe0b · 79dbe0b
1 parent bb0f375
commit 79dbe0b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 20 deletions.
diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
@@ -1034,14 +1034,17 @@ select {
 }
 /*textarea*/
 textarea {
-  border: none !important;
+  border: 1px solid #dee2e6 !important;
   outline: none;
   min-height: 14rem !important;
   padding: 0.8rem !important;
   background-color: #fff;
   font-family: var(--font-family-monospace) !important;
   font-size: inherit;
   color: black;
+  box-shadow: inset 0 1px 3px rgb(124 124 124 / 30%);
+  border-radius: 0.375rem !important;
+  vertical-align: middle;
 }
 /* change */
 .uci-change-list {
@@ -2947,12 +2950,6 @@ input[name="nslookup"] {
 #cbi-passwall #set_node_div {
   background: #fffffff0;
 }
-#cbi-passwall #add_link_div #nodes_link {
-  background: var(--lighter);
-}
-#cbi-passwall #add_link_div .cbi-value-title {
-  vertical-align: middle;
-}
 #cbi-passwall .cbi-section-table tbody ._now_use {
   background: #5e72e473 !important;
 }

diff --git a/htdocs/luci-static/argon/css/dark.css b/htdocs/luci-static/argon/css/dark.css
@@ -452,8 +452,10 @@ select {
 
 /*textarea for dark mode*/
 textarea {
+  border: 1px solid #3c3c3c !important;
   background-color: #1e1e1e;
   color: #ccc;
+  box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%);
 }
 
 .cbi-section-remove:nth-of-type(2n),
@@ -681,9 +683,6 @@ fieldset[id^="cbi-apply-"] {
   background: #333333f0 !important;
   box-shadow: #00000094 10px 10px 30px 5px !important;
 }
-#cbi-passwall #add_link_div #nodes_link {
-  background: #3c3c3c  !important;
-}
 
 /* luci-app-bypass */
 #cbi-bypass .status-bar {

diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
@@ -1234,14 +1234,17 @@ select {
 
 /*textarea*/
 textarea {
-    border: none !important;
+    border: 1px solid #dee2e6 !important;
     outline: none;
     min-height: 14rem !important;
     padding: 0.8rem !important;
     background-color: #fff;
     font-family: var(--font-family-monospace) !important;
     font-size: inherit;
     color: black;
+    box-shadow: inset 0 1px 3px rgb(124 124 124 / 30%);
+    border-radius: 0.375rem !important;
+    vertical-align: middle;
 }
 
 /* change */
@@ -3620,12 +3623,6 @@ input[name="nslookup"] {
 #cbi-passwall #set_node_div {
     background: #fffffff0;
 }
-#cbi-passwall #add_link_div #nodes_link {
-    background: var(--lighter);
-}
-#cbi-passwall #add_link_div .cbi-value-title {
-    vertical-align: middle;
-}
 #cbi-passwall .cbi-section-table tbody ._now_use {
     background: #5e72e473 !important;
 }

diff --git a/htdocs/luci-static/argon/less/dark.less b/htdocs/luci-static/argon/less/dark.less
@@ -521,8 +521,10 @@ select {
 
 /*textarea for dark mode*/
 textarea {
+    border: 1px solid #3c3c3c !important;
     background-color: #1e1e1e;
     color: #ccc;
+    box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%);
 }
 
 .cbi-section-remove:nth-of-type(2n),
@@ -753,9 +755,6 @@ fieldset[id^="cbi-apply-"] {
     background: #333333f0 !important;
     box-shadow: #00000094 10px 10px 30px 5px !important;
 }
-#cbi-passwall #add_link_div #nodes_link {
-    background: #3c3c3c  !important;
-}
 
 /* luci-app-bypass */
 #cbi-bypass .status-bar {