mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-10-08 22:50:00 +08:00
refactor: rename centerContent to contentWrapper
This commit is contained in:
parent
c76b2f40e8
commit
56b483c1e8
12 changed files with 17 additions and 17 deletions
|
@ -128,7 +128,7 @@ body {
|
|||
z-index: 9999;
|
||||
}
|
||||
|
||||
#centerContent {
|
||||
#contentWrapper {
|
||||
max-width: 1000px;
|
||||
// min-width: 500px;
|
||||
// margin: 0 auto;
|
||||
|
|
|
@ -911,7 +911,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
#centerContent {
|
||||
#contentWrapper {
|
||||
header {
|
||||
// grid-template-columns: 1fr auto;
|
||||
.desktopConfig {
|
||||
|
|
|
@ -722,17 +722,17 @@ export function setPageWidth(
|
|||
}
|
||||
|
||||
config.pageWidth = val;
|
||||
$("#centerContent").removeClass("wide125");
|
||||
$("#centerContent").removeClass("wide150");
|
||||
$("#centerContent").removeClass("wide200");
|
||||
$("#centerContent").removeClass("widemax");
|
||||
$("#contentWrapper").removeClass("wide125");
|
||||
$("#contentWrapper").removeClass("wide150");
|
||||
$("#contentWrapper").removeClass("wide200");
|
||||
$("#contentWrapper").removeClass("widemax");
|
||||
$("#app").removeClass("wide125");
|
||||
$("#app").removeClass("wide150");
|
||||
$("#app").removeClass("wide200");
|
||||
$("#app").removeClass("widemax");
|
||||
|
||||
if (val !== "100") {
|
||||
$("#centerContent").addClass("wide" + val);
|
||||
$("#contentWrapper").addClass("wide" + val);
|
||||
$("#app").addClass("wide" + val);
|
||||
}
|
||||
saveToLocalStorage("pageWidth", nosave);
|
||||
|
|
|
@ -6,7 +6,7 @@ import * as NotificationEvent from "../observables/notification-event";
|
|||
|
||||
function updateMargin(): void {
|
||||
const height = $("#bannerCenter").height() as number;
|
||||
$("#centerContent").css(
|
||||
$("#contentWrapper").css(
|
||||
"padding-top",
|
||||
height + Misc.convertRemToPixels(2) + "px"
|
||||
);
|
||||
|
|
|
@ -73,7 +73,7 @@ $(document).ready(() => {
|
|||
);
|
||||
}, 500); //this approach will probably bite me in the ass at some point
|
||||
|
||||
$("#centerContent")
|
||||
$("#contentWrapper")
|
||||
.css("opacity", "0")
|
||||
.removeClass("hidden")
|
||||
.stop(true, true)
|
||||
|
|
|
@ -96,7 +96,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="centerContent">
|
||||
<div id="contentWrapper">
|
||||
<header>
|
||||
<div id="logo">
|
||||
<div class="icon">
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
animation: woah 7s infinite cubic-bezier(0.5, 0, 0.5, 1);
|
||||
}
|
||||
|
||||
#centerContent {
|
||||
#contentWrapper {
|
||||
transform: rotate(5deg);
|
||||
perspective: 500px;
|
||||
}
|
||||
|
|
|
@ -20,6 +20,6 @@ main {
|
|||
transform: rotateX(35deg);
|
||||
}
|
||||
|
||||
#centerContent {
|
||||
#contentWrapper {
|
||||
perspective: 500px;
|
||||
}
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<div id="ad-vertical-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="centerContent" class="hidden">
|
||||
<div id="contentWrapper" class="hidden">
|
||||
<%= compilation.assets["html/header.html"].source() %>
|
||||
<main style="height: 100%">
|
||||
<%= compilation.assets["html/pages/loading.html"].source() %> <%=
|
||||
|
|
|
@ -60,7 +60,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="centerContent">
|
||||
<div id="contentWrapper">
|
||||
<header>
|
||||
<div id="logo">
|
||||
<div class="icon">
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#centerContent {
|
||||
#contentWrapper {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
@ -64,7 +64,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="centerContent">
|
||||
<div id="contentWrapper">
|
||||
<header>
|
||||
<div id="logo">
|
||||
<div class="icon">
|
||||
|
|
|
@ -60,7 +60,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="centerContent">
|
||||
<div id="contentWrapper">
|
||||
<header>
|
||||
<div id="logo">
|
||||
<div class="icon">
|
||||
|
|
Loading…
Add table
Reference in a new issue