btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

💄 Scoped styles

Browse Source
This commit is contained in:
Liyas Thomas
2019-12-06 07:11:38 +05:30
parent c80634b026
commit 2b4d743d79
15 changed files with 77 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/autocomplete.vue
View File

@@ -30,7 +30,7 @@
</div>
</template>
<style lang="scss" scoped>
<style scoped lang="scss">
.autocomplete-wrapper {
position: relative;

2
components/collections/collection.vue
View File

@@ -81,7 +81,7 @@
</div>
</template>
<style scoped>
<style scoped lang="scss">
ul {
display: flex;
flex-direction: column;

2
components/collections/folder.vue
View File

@@ -56,7 +56,7 @@
</div>
</template>
<style scoped>
<style scoped lang="scss">
ul {
display: flex;
flex-direction: column;

2
components/collections/index.vue
View File

@@ -94,7 +94,7 @@ TODO:
</div>
</template>
<style lang="scss" scoped>
<style scoped lang="scss">
.virtual-list {
max-height: calc(100vh - 232px);
}

2
components/collections/request.vue
View File

@@ -28,7 +28,7 @@
</div>
</template>
<style scoped>
<style scoped lang="scss">
ul {
display: flex;
flex-direction: column;

2
components/logo.vue
View File

@@ -35,7 +35,7 @@
</svg>
</template>
<style lang="scss" scoped>
<style scoped lang="scss">
#circle3814 {
/* fill: var(--fg-color); */
fill: transparent;

2
components/modal.vue
View File

@@ -17,7 +17,7 @@
</div>
</transition>
</template>
<style scoped>
<style scoped lang="scss">
.modal-backdrop {
position: fixed;
z-index: 998;

2
components/settings/swatch.vue
View File

@@ -6,7 +6,7 @@
</div>
</template>
<style lang="scss">
<style scoped lang="scss">
.color {
display: inline-flex;
align-items: center;

2
components/toggle.vue
View File

@@ -9,7 +9,7 @@
</div>
</template>
<style lang="scss" scoped>
<style scoped lang="scss">
$useBorder: false;
$borderColor: var(--fg-light-color);
$activeColor: var(--ac-color);

2
layouts/default.vue
View File

@@ -472,7 +472,7 @@
</div>
</template>
<style lang="scss"></style>
<style scoped lang="scss"></style>
<script>
import intializePwa from "../assets/js/pwa";

2
layouts/error.vue
View File

@@ -14,7 +14,7 @@
</div>
</template>
<style lang="scss">
<style scoped lang="scss">
// Center the error page in the viewport.
.page-error {
display: flex;

6
pages/realtime.vue
View File

@@ -154,7 +154,7 @@
</section>
</div>
</template>
<style lang="scss">
<style scoped lang="scss">
div.log {
margin: 4px;
padding: 8px 16px;
@@ -208,10 +208,10 @@ export default {
urlValid() {
const pattern = new RegExp(
"^(wss?:\\/\\/)?" +
"((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" +
"((([a-z\\d]([a-z\\d-]*[a-z:@\\d])*)\\.)+[a-z]{2,}|" +
"((\\d{1,3}\\.){3}\\d{1,3}))" +
"(\\:\\d+)?(\\/[-a-z\\d%_.~+@]*)*" +
"(\\?[;&a-z\\d%_.~+=-]*)?" +
"(\\?[:\\;&a-z\\d%_.~+=-]*)?" +
"(\\#[-a-z\\d_]*)?$",
"i"
);

2
pages/settings.vue
View File

@@ -134,7 +134,7 @@
</div>
</template>
<style scoped>
<style scoped lang="scss">
.info {
margin-left: 4px;
color: var(--fg-light-color);

62
static/icons/alien-head.svg Normal file
View File

@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Capa_1"
x="0px"
y="0px"
viewBox="0 0 612.001 612.001"
style="enable-background:new 0 0 612.001 612.001;"
xml:space="preserve"
width="512px"
height="512px"
class=""
sodipodi:docname="logo.svg"
inkscape:version="0.92.4 (f8dce91, 2019-08-02)"><metadata
id="metadata13"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="845"
id="namedview9"
showgrid="false"
inkscape:zoom="0.921875"
inkscape:cx="380.48543"
inkscape:cy="276.92414"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="Capa_1" /> <g
id="g3826"
transform="translate(-516.40798,-163.88978)"><circle
transform="scale(1,-1)"
style="stroke-width:1.19531453"
r="178.70923"
cy="-501.55591"
cx="822.40845"
id="circle3814" /><g
id="g3820"
transform="translate(516.40798,163.89028)"><g
id="g3818"><path
id="path3816"
data-old_color="#121212"
class="active-path"
data-original="#121212"
d="M 64.601,236.822 C 64.601,394.256 192.786,612 306.001,612 412.582,612 547.4,394.256 547.4,236.822 547.4,79.388 439.322,0 306,0 172.678,0 64.601,79.388 64.601,236.822 Z m 304.12,116.415 c 29.475,-29.475 70.598,-40.195 108.552,-32.173 8.021,37.954 -2.698,79.077 -32.173,108.552 -29.475,29.475 -70.598,40.195 -108.552,32.173 -8.022,-37.955 2.698,-79.078 32.173,-108.552 z M 134.727,321.063 c 37.954,-8.021 79.077,2.698 108.552,32.173 29.475,29.475 40.195,70.598 32.173,108.552 -37.954,8.021 -79.077,-2.698 -108.552,-32.173 -29.475,-29.476 -40.194,-70.598 -32.173,-108.552 z"
inkscape:connector-curvature="0"
style="fill:#50fa7b" /></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

9
static/icons/pwalogo.svg
View File

@@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="1952" height="734.935" viewBox="0 0 1952.00 734.93" enable-background="new 0 0 1952.00 734.93" xml:space="preserve">
<g>
<path fill="#121212" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 1436.62,603.304L 1493.01,460.705L 1655.83,460.705L 1578.56,244.39L 1675.2,0.000528336L 1952,734.933L 1747.87,734.933L 1700.57,603.304L 1436.62,603.304 Z "/>
<path fill="#5A0FC8" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 1262.47,734.935L 1558.79,0.00156593L 1362.34,0.0025425L 1159.64,474.933L 1015.5,0.00351906L 864.499,0.00351906L 709.731,474.933L 600.585,258.517L 501.812,562.819L 602.096,734.935L 795.427,734.935L 935.284,309.025L 1068.63,734.935L 1262.47,734.935 Z "/>
<path fill="#121212" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 186.476,482.643L 307.479,482.643C 344.133,482.643 376.772,478.552 405.396,470.37L 436.689,373.962L 524.148,104.516C 517.484,93.9535 509.876,83.9667 501.324,74.5569C 456.419,24.852 390.719,0.000406265 304.222,0.000406265L -3.8147e-006,0.000406265L -3.8147e-006,734.933L 186.476,734.933L 186.476,482.643 Z M 346.642,169.079C 364.182,186.732 372.951,210.355 372.951,239.95C 372.951,269.772 365.238,293.424 349.813,310.906C 332.903,330.331 301.766,340.043 256.404,340.043L 186.476,340.043L 186.476,142.598L 256.918,142.598C 299.195,142.598 329.103,151.425 346.642,169.079 Z "/>
</g>
</svg>