Browse Source

Small fixes to the width of different things so they don't explode on full screen large monitors.

dev
Zed A. Shaw 1 week ago
parent
commit
68c0843f93
  1. 2
      client/pages/ClipPlayer.svelte
  2. 6
      client/pages/Clips.svelte
  3. 6
      client/pages/Tags.svelte
  4. 2
      client/pages/admin/Clips.svelte
  5. 6
      rendered/pages/index.svelte
  6. 2
      static/color.css
  7. 2
      static/monochrome.css

2
client/pages/ClipPlayer.svelte

@ -23,7 +23,7 @@
});
</script>
<Layout centered={ true } fullwidth={ true } header={false} footer={false}>
<Layout centered={ true } fullwidth={ true } fullscreen={ true } header={false} footer={false}>
{#await clip_promise}
<Spinner />
{:then clip}

6
client/pages/Clips.svelte

@ -27,14 +27,14 @@
content > right {
display: block;
padding-left: 3rem;
width: 1080px;
width: var(--width-content);
}
content {
display: flex;
flex-direction: row;
max-width: 1080px;
width: 1080px;
max-width: var(--width-content);
width: var(--width-content);
}
sidebar {

6
client/pages/Tags.svelte

@ -43,14 +43,14 @@
content > right {
display: block;
width: 1080px;
width: var(--width-content);
}
content {
display: flex;
flex-direction: row;
max-width: 1080px;
width: 1080px;
max-width: var(--width-content);
width: var(--width-content);
}
sidebar {

2
client/pages/admin/Clips.svelte

@ -136,7 +136,7 @@
content {
display: flex;
flex-direction: column;
max-width: 1080px;
max-width: var(--width-content);
width: 100%;
margin-top: 1rem;
padding-left: 1rem;

6
rendered/pages/index.svelte

@ -25,14 +25,14 @@
content > right {
display: block;
padding-left: 3rem;
width: 1080px;
width: var(--width-content);
}
content {
display: flex;
flex-direction: row;
max-width: 1080px;
width: 1080px;
max-width: var(--width-content);
width: var(--width-content);
}
sidebar {

2
static/color.css

@ -71,7 +71,7 @@
--width-card: 385px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1700px;
--width-content: 1080px;
--width-badge: 20px;
--font-size-badge: 13px;
--fixed-header-height: 4rem;

2
static/monochrome.css

@ -94,7 +94,7 @@
--width-card: 385px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1700px;
--width-content: 1080px;
--width-badge: 20px;
--font-size-badge: 13px;
--fixed-header-height: 6rem;

Loading…
Cancel
Save