Friendiiverse/App/Style.css

68 lines
728 B
CSS
Raw Normal View History

2023-04-22 17:09:59 +02:00
:root {
--BarHeight: 3em;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
overflow-y: hidden;
}
2023-04-19 00:16:35 +02:00
img, video {
max-width: 100%;
}
2023-04-23 00:48:14 +02:00
#Bottom > button {
height: 100%;
}
2023-04-20 22:08:38 +02:00
#Root {
2023-04-22 10:06:31 +02:00
/*margin-bottom: 2em;*/
2023-04-19 12:18:14 +02:00
}
2023-04-20 22:08:38 +02:00
#Bottom {
2023-04-19 12:18:14 +02:00
display: block;
width: 100%;
2023-04-22 17:09:59 +02:00
height: var(--BarHeight);
2023-04-19 12:18:14 +02:00
position: fixed;
bottom: 0;
left: 0;
2023-04-22 17:09:59 +02:00
2023-04-19 12:18:14 +02:00
border: 2px solid black;
}
2023-04-19 00:16:35 +02:00
#DataView {
white-space: break-spaces;
}
2023-04-22 10:06:31 +02:00
.Window {
background: white;
position: absolute;
2023-04-22 17:09:59 +02:00
2023-04-22 10:06:31 +02:00
width: 100%;
max-width: 100%;
min-width: 100%;
2023-04-22 17:09:59 +02:00
height: 100vh;
overflow-y: auto;
padding-bottom: var(--BarHeight);
2023-04-22 10:06:31 +02:00
}
2023-04-20 15:17:00 +02:00
.View.Note {
2023-04-19 00:16:35 +02:00
border: 4px solid purple;
margin: 12px;
}
2023-04-20 00:19:19 +02:00
2023-04-22 17:09:59 +02:00
.View.Note .Profile.Icon {
2023-04-20 00:19:19 +02:00
width: 64px;
}
2023-04-20 22:08:38 +02:00
.Gallery > div {
display: inline-block;
}