@@ -55,19 +65,46 @@ export const AboutVrct = () => {
-

-
-
-
-
-
-
+
+

+
+
+
+

+
+
+
+

+
+
+
+
+

+
+
+
+

+
+

-

+
+
+

+

+
+
+

+

+
+
+

+ {/*

*/}
+
+
@@ -87,7 +124,7 @@ export const AboutVrct = () => {
-

+
VRCT is not endorsed by VRChat and does not reflect the views or opinions of VRChat or anyone officially involved in producing or managing VRChat properties. VRChat and all associated properties are trademarks or registered trademarks of VRChat Inc. VRChat © VRChat Inc.
diff --git a/src-ui/app/config_page/setting_section/setting_box/about_vrct/AboutVrct.module.scss b/src-ui/app/config_page/setting_section/setting_box/about_vrct/AboutVrct.module.scss
index 9c8dced1..a4d06e2e 100644
--- a/src-ui/app/config_page/setting_section/setting_box/about_vrct/AboutVrct.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/about_vrct/AboutVrct.module.scss
@@ -1,10 +1,11 @@
.container {
display: flex;
gap: 2.2rem;
+ justify-content: center;
+ align-items: center;
flex-direction: column;
- width: 72rem;
+ max-width: 72rem;
margin: auto;
- // background-color: gray;
}
.section_title {
@@ -31,20 +32,23 @@
}
.dev_section_wrapper {
display: flex;
- justify-content: space-between;
+ gap: 2rem;
+ flex-wrap: wrap;
+ width: 100%;
+ justify-content: center;
}
.dev_card_wrapper {
- width: 34.6rem;
position: relative;
+ // width: 100%;
}
.dev_card_img {
- width: 100%;
+ width: 34.6rem;
}
@mixin dev_sns_styles($right) {
position: absolute;
right: $right;
- bottom: 1.2rem;
+ bottom: 0.6rem;
width: 2.8rem;
padding: 0.4rem;
border-radius: 0.4rem;
@@ -70,8 +74,16 @@
display: flex;
flex-direction: row;
justify-content: space-between;
- text-align: center;
padding: 0 5.5rem;
+ flex-wrap: wrap;
+ gap: 1rem;
+}
+.about_vrct_logo_wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ padding: 2rem 0;
}
.about_vrct_logo {
width: 20rem;
@@ -79,7 +91,7 @@
}
.project_links_wrapper {
display: flex;
- flex-direction: column;
+ flex-wrap: wrap;
gap: 0.2rem;
align-items: start;
}
@@ -88,6 +100,7 @@
height: 2.6rem;
padding: 0.4rem 1rem;
border-radius: 0.4rem;
+ flex-shrink: 0;
&:hover {
background-color: var(--dark_850_color);
}
@@ -97,19 +110,27 @@
}
.contributors_img_wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1rem;
+ justify-content: center;
+ align-items: center;
+}
+.contributor_card_wrapper {
position: relative;
}
.contributors_img {
- width: 100%;
+ width: 22rem;
}
-@mixin contributors_sns_styles($top, $left) {
+@mixin contributors_sns_styles($bottom, $left) {
position: absolute;
left: $left;
- top: $top;
+ bottom: $bottom;
width: 2.4rem;
padding: 0.4rem;
border-radius: 0.4rem;
+ transform: translate(50%, 50%);
&:hover {
background-color: var(--dark_825_color);
}
@@ -118,34 +139,51 @@
}
}
-$first_line_top: 6.2rem;
+$bottom_pos: 16%;
+$sns_left_pos: 0.8rem;
.contributors_done_san_x {
- @include contributors_sns_styles($first_line_top, 2rem);
+ @include contributors_sns_styles($bottom_pos, $sns_left_pos);
}
.contributors_iya_x {
- @include contributors_sns_styles($first_line_top, 27.6rem);
+ @include contributors_sns_styles($bottom_pos, $sns_left_pos);
}
.contributors_rera_x {
- @include contributors_sns_styles($first_line_top, 52.2rem);
+ @include contributors_sns_styles($bottom_pos, calc($sns_left_pos - 1.4rem));
}
.contributors_rera_github {
- @include contributors_sns_styles($first_line_top, 55rem);
+ @include contributors_sns_styles($bottom_pos, calc($sns_left_pos + 1.4rem));
}
-$second_line_top: 16.6rem;
.contributors_poposuke_x {
- @include contributors_sns_styles($second_line_top, 14.8rem);
+ @include contributors_sns_styles($bottom_pos, $sns_left_pos);
}
.contributors_kumaguma_x {
- @include contributors_sns_styles($second_line_top, 40.8rem);
+ @include contributors_sns_styles($bottom_pos, $sns_left_pos);
}
.localization_section {
display: flex;
flex-direction: column;
+ width: 100%;
+ gap: 0.6rem;
+}
+.localization_members_wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: start;
+ column-gap: 6rem;
+ row-gap: 1rem;
+ flex-wrap: wrap;
+}
+.localization_members_row_wrapper {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: start;
+ gap: 0.2rem;
}
.localization_members_img {
- width: 100%;
+ height: 2.2rem;
}
.special_thanks_section {
@@ -164,9 +202,11 @@ $second_line_top: 16.6rem;
.poster_showcase_section {
display: flex;
flex-direction: column;
+ width: 100%;
}
.vrchat_disclaimer {
- width: 100%;
+ font-size: 1.2rem;
margin-top: 8rem;
+ color: var(--dark_600_color);
}
\ No newline at end of file
diff --git a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/PosterShowcaseContents.module.scss b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/PosterShowcaseContents.module.scss
index c7b760b7..6d94b14a 100644
--- a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/PosterShowcaseContents.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/PosterShowcaseContents.module.scss
@@ -1,6 +1,7 @@
.container {
display: flex;
- justify-content: space-between;
+ justify-content: center;
align-items: start;
gap: 2rem;
+ flex-wrap: wrap;
}
\ No newline at end of file
diff --git a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/poster_showcase_worlds_contents/PosterShowcaseWorldsContents.module.scss b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/poster_showcase_worlds_contents/PosterShowcaseWorldsContents.module.scss
index fa819d64..28d4dcf5 100644
--- a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/poster_showcase_worlds_contents/PosterShowcaseWorldsContents.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/poster_showcase_worlds_contents/PosterShowcaseWorldsContents.module.scss
@@ -1,9 +1,10 @@
.container {
display: flex;
flex-direction: column;
- flex: 1;
+ // flex: 1;
gap: 1rem;
justify-content: space-between;
+ width: 42rem;
}
$image_height: 2.8rem;
$y_padding: 0.4rem;
@@ -32,6 +33,7 @@ $image_height_gap: 0.4rem;
}
.poster_showcase_world_img {
height: $image_height;
+ flex-shrink: 0;
}
.pagination_container {
diff --git a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/posters_contents/PostersContents.module.scss b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/posters_contents/PostersContents.module.scss
index 739fe78d..e7c453a5 100644
--- a/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/posters_contents/PostersContents.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/posters_contents/PostersContents.module.scss
@@ -3,6 +3,7 @@
flex-direction: column;
justify-content: center;
align-items: center;
+ flex-shrink: 0;
}
.poster_pagination_wrapper {
display: flex;
diff --git a/src-ui/app/config_page/sidebar_section/SidebarSection.jsx b/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
index 292bb7cb..6938f97f 100644
--- a/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
+++ b/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
@@ -3,19 +3,21 @@ import styles from "./SidebarSection.module.scss";
export const SidebarSection = () => {
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/src-ui/app/config_page/sidebar_section/SidebarSection.module.scss b/src-ui/app/config_page/sidebar_section/SidebarSection.module.scss
index 4ce94043..383ef8cb 100644
--- a/src-ui/app/config_page/sidebar_section/SidebarSection.module.scss
+++ b/src-ui/app/config_page/sidebar_section/SidebarSection.module.scss
@@ -1,10 +1,15 @@
.container {
width: var(--config_page_sidebar_width);
flex-shrink: 0;
+ padding: 0rem 0rem 5.8rem 1.2rem;
+}
+
+.scroll_container {
display: flex;
flex-direction: column;
justify-content: space-between;
- padding: 0rem 0rem 5.8rem 1.2rem;
+ overflow-y: auto;
+ height: 100%;
max-height: 60rem;
}
diff --git a/src-ui/app/main_page/sidebar_section/SidebarSection.module.scss b/src-ui/app/main_page/sidebar_section/SidebarSection.module.scss
index 26096649..6e973738 100644
--- a/src-ui/app/main_page/sidebar_section/SidebarSection.module.scss
+++ b/src-ui/app/main_page/sidebar_section/SidebarSection.module.scss
@@ -8,8 +8,8 @@
&.is_compact_mode {
min-width: auto;
.scroll_container {
- overflow-y: hidden;
- width: auto;
+ // overflow-y: hidden;
+ // width: auto;
}
}
}
diff --git a/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx b/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx
index 8ffde771..991239f8 100644
--- a/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx
+++ b/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx
@@ -92,11 +92,11 @@ export const SwitchContainer = ({ switchLabel, switch_id, children, currentState
return (
diff --git a/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss b/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss
index 6ac3c3cf..750505f7 100644
--- a/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss
+++ b/src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss
@@ -22,6 +22,7 @@
}
&.is_compact_mode {
padding: 1.5rem;
+ justify-content: center;
}
&.is_pending {
pointer-events: none;
diff --git a/src-ui/assets/about_vrct/contributor_done.png b/src-ui/assets/about_vrct/contributor_done.png
new file mode 100644
index 00000000..1eb2f28c
Binary files /dev/null and b/src-ui/assets/about_vrct/contributor_done.png differ
diff --git a/src-ui/assets/about_vrct/contributor_iya.png b/src-ui/assets/about_vrct/contributor_iya.png
new file mode 100644
index 00000000..adfde8c2
Binary files /dev/null and b/src-ui/assets/about_vrct/contributor_iya.png differ
diff --git a/src-ui/assets/about_vrct/contributor_kumaguma.png b/src-ui/assets/about_vrct/contributor_kumaguma.png
new file mode 100644
index 00000000..e030a04f
Binary files /dev/null and b/src-ui/assets/about_vrct/contributor_kumaguma.png differ
diff --git a/src-ui/assets/about_vrct/contributor_poposuke.png b/src-ui/assets/about_vrct/contributor_poposuke.png
new file mode 100644
index 00000000..3766f431
Binary files /dev/null and b/src-ui/assets/about_vrct/contributor_poposuke.png differ
diff --git a/src-ui/assets/about_vrct/contributor_rera.png b/src-ui/assets/about_vrct/contributor_rera.png
new file mode 100644
index 00000000..32b6792e
Binary files /dev/null and b/src-ui/assets/about_vrct/contributor_rera.png differ
diff --git a/src-ui/assets/about_vrct/contributors_members.png b/src-ui/assets/about_vrct/contributors_members.png
deleted file mode 100644
index 4b0cf192..00000000
Binary files a/src-ui/assets/about_vrct/contributors_members.png and /dev/null differ
diff --git a/src-ui/assets/about_vrct/localization_1.png b/src-ui/assets/about_vrct/localization_1.png
new file mode 100644
index 00000000..4d7a4633
Binary files /dev/null and b/src-ui/assets/about_vrct/localization_1.png differ
diff --git a/src-ui/assets/about_vrct/localization_2.png b/src-ui/assets/about_vrct/localization_2.png
new file mode 100644
index 00000000..d9635401
Binary files /dev/null and b/src-ui/assets/about_vrct/localization_2.png differ
diff --git a/src-ui/assets/about_vrct/localization_3.png b/src-ui/assets/about_vrct/localization_3.png
new file mode 100644
index 00000000..4935db47
Binary files /dev/null and b/src-ui/assets/about_vrct/localization_3.png differ
diff --git a/src-ui/assets/about_vrct/localization_4.png b/src-ui/assets/about_vrct/localization_4.png
new file mode 100644
index 00000000..5410303d
Binary files /dev/null and b/src-ui/assets/about_vrct/localization_4.png differ
diff --git a/src-ui/assets/about_vrct/localization_5.png b/src-ui/assets/about_vrct/localization_5.png
new file mode 100644
index 00000000..56e5ac27
Binary files /dev/null and b/src-ui/assets/about_vrct/localization_5.png differ
diff --git a/src-ui/assets/about_vrct/localization_members.png b/src-ui/assets/about_vrct/localization_members.png
deleted file mode 100644
index b12cd838..00000000
Binary files a/src-ui/assets/about_vrct/localization_members.png and /dev/null differ
diff --git a/src-ui/assets/about_vrct/vrchat_disclaimer.png b/src-ui/assets/about_vrct/vrchat_disclaimer.png
deleted file mode 100644
index c6e3dbb0..00000000
Binary files a/src-ui/assets/about_vrct/vrchat_disclaimer.png and /dev/null differ