diff options
author | Přemysl Eric Janouch <p@janouch.name> | 2022-09-19 03:16:34 +0200 |
---|---|---|
committer | Přemysl Eric Janouch <p@janouch.name> | 2022-09-19 03:18:31 +0200 |
commit | 00184811ea6ba7f3bb53730ef026d653a5121e50 (patch) | |
tree | f6150c4cab881664589b137ec74aed6a51f19329 /xP/public/xP.css | |
parent | ec20fdef7badebc12621e20c0d66de94243fdb1a (diff) | |
download | xK-00184811ea6ba7f3bb53730ef026d653a5121e50.tar.gz xK-00184811ea6ba7f3bb53730ef026d653a5121e50.tar.xz xK-00184811ea6ba7f3bb53730ef026d653a5121e50.zip |
xP: make the prompt look more xC-like
Diffstat (limited to 'xP/public/xP.css')
-rw-r--r-- | xP/public/xP.css | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/xP/public/xP.css b/xP/public/xP.css index 96d6525..041eb63 100644 --- a/xP/public/xP.css +++ b/xP/public/xP.css @@ -186,16 +186,30 @@ button { column-gap: .6em; overflow-x: auto; } - +.input { + flex-shrink: 0; + border: 2px inset #eee; + overflow: hidden; + resize: vertical; + display: flex; +} +.input:focus-within { + border-color: #ff5f00; +} +.prompt { + padding: .05em .3em; + border-right: 1px solid #ccc; + background: #f8f8f8; + font-weight: bold; +} textarea { font: inherit; padding: .05em .3em; margin: 0; - border: 2px inset #eee; - flex-shrink: 0; - resize: vertical; + border: 0; + flex-grow: 1; + resize: none; } textarea:focus { outline: none; - border-color: #ff5f00; } |