Files
qrank/assets/styles.css
Jonas Hahn 4b4377a24e Refactor project structure and update configurations. Now first working version
- Updated `.air.conf` for Nix compatibility and simplified build commands.
- Enhanced `.gitignore` to include `tmp` directory.
- Improved `README.md` with clearer instructions and added language details.
- Refined CSS styles for better UI consistency and added alert styles.
- Upgraded `flake.nix` to use Go 1.24 and improved shell environment setup.
- Modified authentication logic in `auth.go` for better user handling.
- Updated `main.go` to dynamically set the listening port and improved logging.
- Added new `routes.go` file for handling game entry and history.
- Enhanced user models and added statistics tracking in `models.go`.
- Improved template rendering and added user feedback messages in HTML templates.
- Removed obsolete build error logs and binaries.
2025-08-24 12:08:14 +02:00

118 lines
1.8 KiB
CSS

body {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
margin: 0;
padding: 0;
background: #f7f7f9;
color: #111
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 16px
}
.card {
background: #fff;
border-radius: 12px;
padding: 16px;
margin: 12px 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06)
}
.row {
display: flex;
gap: 8px;
flex-wrap: wrap
}
.btn {
display: inline-block;
padding: 10px 14px;
border-radius: 10px;
border: 1px solid #ddd;
background: #fafafa;
text-decoration: none
}
.btn-primary {
background: #111;
color: #fff;
border-color: #111
}
.input {
width: 75%;
padding: 10px;
border-radius: 10px;
border: 1px solid #ddd
}
a, a:link, a:visited, a:hover, a:active {
color: darkblue; /* always dark blue */
text-decoration: none; /* remove underline */
}
.alert {
padding: 10px 14px;
border-radius: 6px;
margin: 10px 0;
font-size: 0.9rem;
}
.alert-error {
background: #ffe5e5;
border: 1px solid #e74c3c;
color: #c0392b;
}
.alert-success {
background: #e6ffed;
border: 1px solid #2ecc71;
color: #27ae60;
}
.alert-info {
background: #eaf4ff;
border: 1px solid #3498db;
color: #2980b9;
}
.label {
font-size: 12px;
color: #444;
margin-bottom: 6px;
display: block
}
.header {
padding: 12px 16px;
background: #fff;
position: sticky;
top: 0;
border-bottom: 1px solid #eee
}
.nav a {
margin-right: 12px;
text-decoration: none;
color: #111
}
.small {
font-size: 12px;
color: #666
}
.list li {
padding: 8px 0;
border-bottom: 1px solid #f0f0f0
}
.badge {
display: inline-block;
padding: 2px 8px;
border-radius: 999px;
background: #eee;
font-size: 12px
}