diff options
author | WlodekM <[email protected]> | 2024-11-30 18:11:32 +0200 |
---|---|---|
committer | WlodekM <[email protected]> | 2024-11-30 18:11:32 +0200 |
commit | 97157622be86c68f69e6e48f3746ca2c70b7e8a8 (patch) | |
tree | 32fe8069343d2b41f01b2d58325942fb43864056 /shitstylse.css |
initial commit
Diffstat (limited to 'shitstylse.css')
-rw-r--r-- | shitstylse.css | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/shitstylse.css b/shitstylse.css new file mode 100644 index 0000000..6682846 --- /dev/null +++ b/shitstylse.css @@ -0,0 +1,61 @@ +/* i have no idea what im doing so */ +body { + /* why */ + margin: 0; + height: 100vh; +} + +.main { + height: 100%; + width: 100%; + line-break: anywhere; + word-break: break-all; +} + +.channel { + flex-grow: 1; + display: flex; + flex-direction: column; + height: 100%; + overflow: auto; +} + +.messages { + flex-grow: 1; +} + +.messageInput { + background: white; + position: sticky; + bottom: 0; + display: flex; +} + +#messageInput { + flex-grow: 1; +} + +.messageInput.disabled { + display: none; +} + +.message-header { + display: flex; + justify-content: space-between; +} + +.action-buttons { + display: none; +} + +.message:hover { + background: #0004; +} + +.message:hover .action-buttons { + display: block; +} + +.message-header .username { + font-size: 1.3em; +} |