Initial implementation of the JoinRoomScreen. (#2684)

* Update Compound and use super button for room directory.
This commit is contained in:
Doug
2024-04-12 13:13:22 +01:00
committed by GitHub
parent cc95c6a0f2
commit f8920d4d11
37 changed files with 605 additions and 68 deletions
@@ -0,0 +1,15 @@
{
"images" : [
{
"filename" : "join-room-graphic.svg",
"idiom" : "universal"
}
],
"info" : {
"author" : "xcode",
"version" : 1
},
"properties" : {
"preserves-vector-representation" : true
}
}
@@ -0,0 +1,47 @@
<svg width="199" height="144" viewBox="0 0 199 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="32.5" cy="32" r="32" fill="url(#paint0_linear_570_20378)" fill-opacity="0.9"/>
<circle cx="32.5" cy="32" r="32" fill="url(#paint1_linear_570_20378)" fill-opacity="0.2"/>
<circle cx="32.5" cy="32" r="32" fill="url(#paint2_linear_570_20378)" fill-opacity="0.6"/>
<rect x="80.5" y="11.7856" width="88" height="16" rx="8" fill="url(#paint3_linear_570_20378)" fill-opacity="0.9"/>
<rect x="80.5" y="11.7856" width="88" height="16" rx="8" fill="url(#paint4_linear_570_20378)" fill-opacity="0.8"/>
<rect x="80.5" y="36.2141" width="68" height="16" rx="8" fill="#E3E8F0"/>
<rect x="152.5" y="36.2141" width="46" height="16" rx="8" fill="#E3E8F0"/>
<circle cx="32.5" cy="112" r="32" fill="#AC3BA8" fill-opacity="0.3"/>
<circle cx="32.5" cy="112" r="32" fill="url(#paint5_linear_570_20378)" fill-opacity="0.5"/>
<rect x="80.5" y="94" width="88" height="16" rx="8" fill="#AC3BA8" fill-opacity="0.3"/>
<rect x="80.5" y="94" width="88" height="16" rx="8" fill="url(#paint6_linear_570_20378)" fill-opacity="0.25"/>
<rect x="72.5" y="102" width="44" height="28" rx="14" fill="#F4F6FA"/>
<circle cx="84.5001" cy="114.964" r="4" fill="#C1C6CD"/>
<circle cx="94.4997" cy="116.964" r="4" fill="#C1C6CD"/>
<circle cx="104.5" cy="116.964" r="4" fill="#C1C6CD"/>
<defs>
<linearGradient id="paint0_linear_570_20378" x1="32.5" y1="0" x2="32.5" y2="64" gradientUnits="userSpaceOnUse">
<stop stop-color="#0D5CBD"/>
<stop offset="1" stop-color="#0DBDA8"/>
</linearGradient>
<linearGradient id="paint1_linear_570_20378" x1="32.5" y1="0" x2="32.5" y2="64" gradientUnits="userSpaceOnUse">
<stop offset="0.535" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_570_20378" x1="32.5" y1="7.45058e-09" x2="33" y2="144.5" gradientUnits="userSpaceOnUse">
<stop offset="0.085" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_570_20378" x1="124.5" y1="11.7856" x2="124.5" y2="27.7856" gradientUnits="userSpaceOnUse">
<stop stop-color="#0D5CBD"/>
<stop offset="1" stop-color="#0DBDA8"/>
</linearGradient>
<linearGradient id="paint4_linear_570_20378" x1="124.5" y1="11.7856" x2="125" y2="42.9999" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_570_20378" x1="32.5" y1="80" x2="32.5" y2="144" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_570_20378" x1="124.5" y1="94" x2="124.5" y2="110" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB