lain/text0Nly
1
0
Fork 0
mirror of https://git.sr.ht/~iwakuralain/text0Nly synced 2025-07-27 15:36:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

perfecto

Browse Source
This commit is contained in:
Lain Iwakura 2025-06-16 00:58:14 +03:00
parent df8ebbd738
commit 53d15e1a04
No known key found for this signature in database
GPG Key ID: C7C18257F2ADC6F8
1 changed files with 130 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
main/styles.css
View File

@ -0,0 +1,130 @@
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
margin: 0;
padding: 0;
background: #fff;
color: #222;
}
.container {
max-width: 700px;
margin: 0 auto;
padding: 24px 12px 0 12px;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.header {
margin-bottom: 18px;
}
.header h1 {
margin: 0 0 8px 0;
font-size: 2.2em;
font-weight: bold;
}
.header-buttons {
margin-bottom: 8px;
}
.header-buttons a {
margin-right: 16px;
color: #222;
text-decoration: underline;
font-size: 1em;
}
.messages-container {
flex: 1;
margin-bottom: 18px;
display: flex;
flex-direction: column;
gap: 10px;
}
.message {
display: flex;
flex-direction: column;
gap: 2px;
}
.username {
font-weight: 600;
margin-right: 8px;
}
.time {
color: #888;
font-size: 0.9em;
margin-left: 8px;
}
.encrypted {
color: #666;
font-size: 0.9em;
margin-left: 8px;
}
.signature {
color: #666;
font-size: 0.9em;
margin-top: 2px;
}
.form-container {
margin-top: 12px;
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
input[type="text"], textarea {
width: 100%;
font-size: 1em;
padding: 6px;
margin-bottom: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
width: fit-content;
font-size: 1em;
padding: 6px 16px;
background: #fff;
color: #222;
border: 1px solid #ccc;
cursor: pointer;
}
.checkbox-wrapper {
display: flex;
align-items: center;
gap: 6px;
}
.api-info pre {
font-family: monospace;
font-size: 1em;
background: #f8f8f8;
padding: 10px;
margin: 0;
border: 1px solid #eee;
overflow-x: auto;
}
.modal-content {
background: #fff;
padding: 18px;
max-width: 600px;
margin: 40px auto;
}
.close {
font-size: 1.5em;
cursor: pointer;
color: #888;
}