umami/components/pages/realtime/RealtimeLog.module.css

69 lines
952 B
CSS
Raw Normal View History

2020-10-09 11:56:15 +02:00
.table {
2023-02-23 05:59:59 +01:00
font-size: var(--font-size-sm);
2020-10-10 10:28:26 +02:00
overflow: hidden;
height: 100%;
2020-10-09 11:56:15 +02:00
}
2020-10-10 05:37:24 +02:00
.header {
display: flex;
align-items: center;
justify-content: space-between;
2023-02-23 05:59:59 +01:00
font-size: var(--font-size-md);
2023-04-17 19:26:08 +02:00
line-height: 50px;
font-weight: 700;
2020-10-10 05:37:24 +02:00
}
2020-10-09 11:56:15 +02:00
.row {
display: flex;
2020-10-10 10:16:28 +02:00
align-items: center;
2023-02-23 05:59:59 +01:00
gap: 10px;
2023-04-17 19:26:08 +02:00
height: 50px;
border-bottom: 1px solid var(--base300);
2020-10-09 11:56:15 +02:00
}
2020-10-09 13:21:59 +02:00
.body {
overflow: auto;
height: 100%;
2020-10-09 13:21:59 +02:00
}
.icon {
2020-10-10 10:16:28 +02:00
margin-right: 10px;
}
.time {
min-width: 60px;
overflow: hidden;
2020-10-09 13:21:59 +02:00
}
2020-10-10 02:58:27 +02:00
.website {
2020-10-10 10:28:26 +02:00
text-align: right;
2020-10-11 07:36:55 +02:00
padding: 0 20px;
2020-10-10 02:58:27 +02:00
}
.detail {
2020-10-10 10:16:28 +02:00
display: flex;
2020-10-10 02:58:27 +02:00
flex: 1;
2023-02-23 05:59:59 +01:00
gap: 10px;
2020-10-10 02:58:27 +02:00
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
2020-11-03 04:37:13 +01:00
2023-04-17 19:26:08 +02:00
.detail > span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
2020-11-03 04:37:13 +01:00
.row .link {
color: var(--base900);
2020-11-03 04:37:13 +01:00
text-decoration: none;
}
.row .link:hover {
color: var(--primary400);
}