ansxor.ca
bluesky client without react native baggage written in sveltekit
but then we flex
+5
-15
src/routes/+layout.svelte
+5
-15
src/routes/+layout.svelte
···
141
141
142
142
<style>
143
143
.sidebar {
144
-
height: 100vh;
145
-
146
144
position: sticky;
147
145
top: 0;
148
146
bottom: 0;
149
-
}
150
-
.sidebar--left {
151
-
grid-area: lsidebar;
152
-
justify-self: right; /* align east */
153
-
}
154
-
.sidebar--right {
155
-
grid-area: rsidebar;
156
-
justify-self: left; /* align east */
147
+
max-width: 279px;
148
+
width: 100%;
157
149
}
158
150
.layout {
159
151
overflow-y: scroll;
160
-
display: grid;
161
-
grid-template:
162
-
"lmargin lsidebar main rsidebar rmargin" 1fr / 1fr 279px 602px 279px 1fr;
152
+
display: flex;
153
+
place-content: center;
163
154
}
164
155
.main {
165
-
grid-area: main;
166
156
height: 999px;
167
-
border: 1px dotted red;
157
+
width: 602px;
168
158
}
169
159
dialog::backdrop {
170
160
background-color: rgba(0, 0, 0, 0.8);