mirror of
https://github.com/desktop/desktop
synced 2024-10-29 19:15:23 +00:00
Style it
This commit is contained in:
joshaber
parent
97b940c956
commit
465b5f4ecc
3 changed files with 70 additions and 0 deletions
38
app/static/common/empty-no-branches.svg
Normal file
38
app/static/common/empty-no-branches.svg
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="257px" height="85px" viewBox="0 0 257 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
|
||||
<g id="no-branch" fill="#C9DEF2">
|
||||
<g id="stars-right" transform="translate(168.000000, 1.000000)" fill-rule="nonzero">
|
||||
<path d="M44.4563773,27.4782814 C44.6852313,28.222572 43.9889658,28.9188375 43.2444173,28.6913354 L41.3825382,28.118141 L39.520271,28.6917568 C38.776199,28.9184823 38.0797631,28.2227985 38.3086867,27.4782814 L38.8818589,25.6174689 L38.3087287,23.7557907 C38.0793136,23.0117418 38.7771315,22.3146776 39.5217186,22.5436227 L41.3825311,23.1167948 L43.2442093,22.5436646 C43.9880322,22.3143193 44.6856807,23.0119678 44.4563994,23.7555827 L43.8832013,25.6174495 L44.4563773,27.4782814 Z M42.9251036,25.9040013 C42.8669289,25.7170111 42.8669289,25.5158387 42.9246646,25.3323533 L43.4837707,23.5162293 L41.6690653,24.0748964 C41.4823298,24.1329918 41.2827342,24.1329918 41.0973455,24.0753133 L39.2811914,23.5158989 L39.8394851,25.3294153 C39.8981351,25.5158387 39.8981351,25.7170111 39.8403773,25.9026545 L39.2808613,27.7191387 L41.0959987,27.1600396 C41.2827342,27.1019441 41.4823298,27.1019441 41.6676467,27.1596006 L43.4841014,27.7188095 L42.9251036,25.9040013 Z"></path>
|
||||
<path d="M2.928,1.36489322 L1.20955339,-0.353553391 C1.01429124,-0.548815536 0.697708755,-0.548815536 0.502446609,-0.353553391 C0.307184464,-0.158291245 0.307184464,0.158291245 0.502446609,0.353553391 L2.22089322,2.072 L0.502446609,3.79044661 C0.307184464,3.98570876 0.307184464,4.30229124 0.502446609,4.49755339 C0.697708755,4.69281554 1.01429124,4.69281554 1.20955339,4.49755339 L2.928,2.77910678 L4.64644661,4.49755339 C4.84170876,4.69281554 5.15829124,4.69281554 5.35355339,4.49755339 C5.54881554,4.30229124 5.54881554,3.98570876 5.35355339,3.79044661 L3.63510678,2.072 L5.35355339,0.353553391 C5.54881554,0.158291245 5.54881554,-0.158291245 5.35355339,-0.353553391 C5.15829124,-0.548815536 4.84170876,-0.548815536 4.64644661,-0.353553391 L2.928,1.36489322 Z"></path>
|
||||
<path d="M66.5,13.267 C66.5,12.8436424 66.1563576,12.5 65.732,12.5 C65.3085486,12.5 64.965,12.843736 64.965,13.267 C64.965,13.6911704 65.3084551,14.035 65.732,14.035 C66.1564513,14.035 66.5,13.6912641 66.5,13.267 Z M67.5,13.267 C67.5,14.2434269 66.7088581,15.035 65.732,15.035 C64.7559262,15.035 63.965,14.2432113 63.965,13.267 C63.965,12.2915732 64.7561418,11.5 65.732,11.5 C66.7086424,11.5 67.5,12.2913576 67.5,13.267 Z"></path>
|
||||
<path d="M32.5,65.5 L32.5,65 C32.5,64.7238576 32.2761424,64.5 32,64.5 C31.7238576,64.5 31.5,64.7238576 31.5,65 L31.5,65.5 L31,65.5 C30.7238576,65.5 30.5,65.7238576 30.5,66 C30.5,66.2761424 30.7238576,66.5 31,66.5 L31.5,66.5 L31.5,67 C31.5,67.2761424 31.7238576,67.5 32,67.5 C32.2761424,67.5 32.5,67.2761424 32.5,67 L32.5,66.5 L33,66.5 C33.2761424,66.5 33.5,66.2761424 33.5,66 C33.5,65.7238576 33.2761424,65.5 33,65.5 L32.5,65.5 Z"></path>
|
||||
<path d="M87.5,81.508 C87.5,80.9517457 87.0484611,80.5 86.492,80.5 C85.9361424,80.5 85.484,80.9521424 85.484,81.508 C85.484,82.0644611 85.9357457,82.516 86.492,82.516 C87.0488576,82.516 87.5,82.0648576 87.5,81.508 Z M88.5,81.508 C88.5,82.6171424 87.6011424,83.516 86.492,83.516 C85.3835635,83.516 84.484,82.6168484 84.484,81.508 C84.484,80.3998576 85.3838576,79.5 86.492,79.5 C87.6008484,79.5 88.5,80.3995635 88.5,81.508 Z"></path>
|
||||
<path d="M84.3080852,41.8906809 C84.2241857,41.8447961 84.1552039,41.7758143 84.1093191,41.6919148 L83.207,40.0420367 L82.3046809,41.6919148 C82.2587961,41.7758143 82.1898143,41.8447961 82.1059148,41.8906809 L80.4560367,42.793 L82.1059148,43.6953191 C82.1898143,43.7412039 82.2587961,43.8101857 82.3046809,43.8940852 L83.207,45.5439633 L84.1093191,43.8940852 C84.1552039,43.8101857 84.2241857,43.7412039 84.3080852,43.6953191 L85.9579633,42.793 L84.3080852,41.8906809 Z M87.2399148,42.3543191 C87.5866951,42.5439735 87.5866951,43.0420265 87.2399148,43.2316809 L84.9164079,44.5024079 L83.6456809,46.8259148 C83.4560265,47.1726951 82.9579735,47.1726951 82.7683191,46.8259148 L81.4975921,44.5024079 L79.1740852,43.2316809 C78.8273049,43.0420265 78.8273049,42.5439735 79.1740852,42.3543191 L81.4975921,41.0835921 L82.7683191,38.7600852 C82.9579735,38.4133049 83.4560265,38.4133049 83.6456809,38.7600852 L84.9164079,41.0835921 L87.2399148,42.3543191 Z"></path>
|
||||
</g>
|
||||
<g id="ufo" transform="translate(98.000000, 14.000000)">
|
||||
<g id="bubble" transform="translate(25.000000, 0.000000)">
|
||||
<path d="M18.3237816,1.08100676 C26.4127649,2.49929537 31.8207464,10.2055364 30.4024578,18.2945197 C29.0755113,25.8645039 22.2411679,31.0843635 14.741292,30.561728 C10.9147571,33.9846722 6.23326239,34.8447564 2.90985691,34.9832289 C2.24602595,35.0115481 1.65540212,34.4838756 2.69592758,33.9120996 C4.73861105,32.7871827 6.04047637,30.4481746 6.80684544,27.6003518 C2.49561727,24.3446731 0.11187458,18.8476715 1.11026872,13.1596829 C2.52855732,5.07069967 10.2347984,-0.337281838 18.3237816,1.08100676 Z M24.0793651,12.0396825 L22.031746,9.99206349 L13.1587302,18.8650794 L9.74603175,15.452381 L7.6984127,17.5 L13.1587302,22.9603175 L24.0793651,12.0396825 Z"></path>
|
||||
</g>
|
||||
<g transform="translate(0.000000, 28.000000)" fill-rule="nonzero">
|
||||
<path d="M19.1258644,7.18619476 C17.3387658,2.59580412 12.1701462,0.322197192 7.58107879,2.10878069 C2.99081125,3.89451596 0.71776611,9.06348268 2.50377128,13.653497 L5.28146848,20.7925262 L21.9035256,14.3251313 L19.1258644,7.18619476 Z M22.7321025,15.0757714 L5.17810255,21.9057714 C4.92075379,22.005902 4.63095952,21.8784516 4.53082872,21.621103 L1.57183195,14.0161113 C-0.414441594,8.91140932 2.11349668,3.16280864 7.21840524,1.17686444 C12.322129,-0.810081455 18.0703182,1.71847042 20.0577713,6.82349704 L23.0167713,14.428497 C23.1169022,14.685846 22.9894516,14.9756407 22.7321025,15.0757714 Z"></path>
|
||||
<path d="M5.58319378,13.9212093 C3.60174217,9.73688853 5.4726276,5.44590376 9.79150569,4.30974805 C10.0585619,4.23949428 10.2181018,3.96605052 10.147848,3.69899431 C10.0775943,3.4319381 9.80415052,3.27239819 9.53709431,3.34265195 C4.60116378,4.641134 2.43495008,9.60947137 4.67940622,14.3491907 C4.79759001,14.5987647 5.09571664,14.7052776 5.34529068,14.5870938 C5.59486472,14.46891 5.70137757,14.1707834 5.58319378,13.9212093 Z"></path>
|
||||
<path d="M25.780447,17.5643276 L24.5390132,14.3732856 L3.37095301,22.6096724 L4.61238676,25.8007144 L25.780447,17.5643276 Z M26.6090066,18.3149699 L4.50900656,26.9139699 C4.25164935,27.0141063 3.96184446,26.8866454 3.861721,26.6292831 L2.257721,22.5062831 C2.15760466,22.2489392 2.28505453,21.9591594 2.54239344,21.8590301 L24.6423934,13.2600301 C24.8997507,13.1598937 25.1895555,13.2873546 25.289679,13.5447169 L26.893679,17.6677169 C26.9937953,17.9250608 26.8663455,18.2148406 26.6090066,18.3149699 Z"></path>
|
||||
<path d="M23.6038134,16.0373224 L13.6898134,19.8943224 C13.432461,19.9944442 13.3050005,20.2842343 13.4051224,20.5415866 C13.5052442,20.798939 13.7950343,20.9263995 14.0523866,20.8262776 L23.9663866,16.9692776 C24.223739,16.8691558 24.3511995,16.5793657 24.2510776,16.3220134 C24.1509558,16.064661 23.8611657,15.9372005 23.6038134,16.0373224 Z"></path>
|
||||
<path d="M21.8341425,20.1734462 L9.28475399,25.055539 L10.3080248,26.4913986 L22.0498283,21.9216359 L21.8341425,20.1734462 Z M22.775044,22.7124553 L10.308044,27.5644553 C10.0947599,27.6474628 9.85234428,27.5750598 9.71951922,27.3886789 L8.09751922,25.1126789 C7.90835678,24.8472451 8.01965558,24.4746934 8.32341962,24.3565199 L22.0704196,19.0085199 C22.3742037,18.8903387 22.7080239,19.0897663 22.7479375,19.4132759 L23.0899375,22.1852759 C23.1179533,22.4123515 22.9882626,22.6294733 22.775044,22.7124553 Z"></path>
|
||||
<path d="M13.9890595,29.7871044 C13.8939636,29.3084338 13.4274357,28.9969537 12.9485581,29.0920903 C12.4689981,29.1880023 12.1576943,29.6540686 12.2528154,30.1328675 C12.3486888,30.6128735 12.8143264,30.9236935 13.2934419,30.8285097 C13.7733321,30.7325316 14.0843036,30.2671602 13.9890595,29.7871044 Z M14.9699157,29.5923708 C15.1725741,30.6138234 14.5102845,31.6049451 13.4889292,31.8092157 C12.4679598,32.0120483 11.4761687,31.350013 11.2720843,30.3282292 C11.0693223,29.3076151 11.7319182,28.3156144 12.7530708,28.1113843 C13.774013,27.9085571 14.7671254,28.5716144 14.9699157,29.5923708 Z"></path>
|
||||
<path d="M13.3409694,28.5043382 L12.8669694,26.1243382 C12.8130323,25.8535146 12.5497617,25.6776934 12.2789382,25.7316306 C12.0081146,25.7855677 11.8322934,26.0488383 11.8862306,26.3196618 L12.3602306,28.6996618 C12.4141677,28.9704854 12.6774383,29.1463066 12.9482618,29.0923694 C13.2190854,29.0384323 13.3949066,28.7751617 13.3409694,28.5043382 Z"></path>
|
||||
<path d="M23.0780618,25.9222451 C22.8250137,25.5043339 22.2798654,25.3709655 21.863232,25.6236245 C21.4444833,25.8784593 21.3111718,26.4223703 21.5647145,26.840045 C21.8183484,27.2578703 22.3627792,27.3908655 22.780845,27.1370855 C23.1985936,26.8834981 23.3315905,26.3392582 23.0780618,25.9222451 Z M23.9330043,25.4035231 C24.4731556,26.291982 24.189766,27.4516478 23.299755,27.9919145 C22.409669,28.5322266 21.2501595,28.248978 20.7098855,27.358955 C20.1697285,26.4691244 20.4536212,25.3108422 21.3440331,24.7689715 C22.2335372,24.2295478 23.3940719,24.5134681 23.9330043,25.4035231 Z"></path>
|
||||
<path d="M22.0304133,24.9372432 L20.7714133,22.8632432 C20.6281193,22.6271893 20.3205971,22.5519926 20.0845432,22.6952867 C19.8484893,22.8385807 19.7732926,23.1461029 19.9165867,23.3821568 L21.1755867,25.4561568 C21.3188807,25.6922107 21.6264029,25.7674074 21.8624568,25.6241133 C22.0985107,25.4808193 22.1737074,25.1732971 22.0304133,24.9372432 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="stars-left" fill-rule="nonzero">
|
||||
<path d="M86.072,2.36489322 L84.3535534,0.646446609 C84.1582912,0.451184464 83.8417088,0.451184464 83.6464466,0.646446609 C83.4511845,0.841708755 83.4511845,1.15829124 83.6464466,1.35355339 L85.3648932,3.072 L83.6464466,4.79044661 C83.4511845,4.98570876 83.4511845,5.30229124 83.6464466,5.49755339 C83.8417088,5.69281554 84.1582912,5.69281554 84.3535534,5.49755339 L86.072,3.77910678 L87.7904466,5.49755339 C87.9857088,5.69281554 88.3022912,5.69281554 88.4975534,5.49755339 C88.6928155,5.30229124 88.6928155,4.98570876 88.4975534,4.79044661 L86.7791068,3.072 L88.4975534,1.35355339 C88.6928155,1.15829124 88.6928155,0.841708755 88.4975534,0.646446609 C88.3022912,0.451184464 87.9857088,0.451184464 87.7904466,0.646446609 L86.072,2.36489322 Z"></path>
|
||||
<path d="M52.5497555,35.5 L51,35.5 C50.7238576,35.5 50.5,35.2761424 50.5,35 C50.5,34.7238576 50.7238576,34.5 51,34.5 L52.550561,34.5 C52.6451922,34.0354667 52.8726579,33.5927746 53.2329466,33.2329466 C54.2102088,32.2556845 55.7947912,32.2556845 56.7718271,33.2327205 C57.132214,33.5926465 57.3597362,34.0354127 57.4543937,34.5 L59.25,34.5 C59.5261424,34.5 59.75,34.7238576 59.75,35 C59.75,35.2761424 59.5261424,35.5 59.25,35.5 L57.4552308,35.5 C57.361082,35.9662119 57.1332807,36.4108259 56.7718271,36.7722795 C55.7946168,37.7482402 54.2103832,37.7482402 53.2331729,36.7722795 C52.8717163,36.410823 52.6439143,35.9662046 52.5497555,35.5 Z M53.9400534,36.0649466 C54.5266168,36.6507598 55.4783832,36.6507598 56.0649466,36.0649466 C56.6516468,35.4782465 56.6516468,34.5260034 56.0649466,33.9400534 C55.4782088,33.3533155 54.5267912,33.3533155 53.9398271,33.9402795 C53.3533532,34.5260034 53.3533532,35.4782465 53.9400534,36.0649466 Z" transform="translate(55.125000, 35.002111) rotate(-45.000000) translate(-55.125000, -35.002111) "></path>
|
||||
<path d="M24.035,14.267 C24.035,13.8436424 23.6913576,13.5 23.267,13.5 C22.8435486,13.5 22.5,13.843736 22.5,14.267 C22.5,14.6911704 22.8434551,15.035 23.267,15.035 C23.6914513,15.035 24.035,14.6912641 24.035,14.267 Z M25.035,14.267 C25.035,15.2434269 24.2438581,16.035 23.267,16.035 C22.2909262,16.035 21.5,15.2432113 21.5,14.267 C21.5,13.2915732 22.2911418,12.5 23.267,12.5 C24.2436424,12.5 25.035,13.2913576 25.035,14.267 Z"></path>
|
||||
<path d="M57.5,66.5 L57.5,66 C57.5,65.7238576 57.2761424,65.5 57,65.5 C56.7238576,65.5 56.5,65.7238576 56.5,66 L56.5,66.5 L56,66.5 C55.7238576,66.5 55.5,66.7238576 55.5,67 C55.5,67.2761424 55.7238576,67.5 56,67.5 L56.5,67.5 L56.5,68 C56.5,68.2761424 56.7238576,68.5 57,68.5 C57.2761424,68.5 57.5,68.2761424 57.5,68 L57.5,67.5 L58,67.5 C58.2761424,67.5 58.5,67.2761424 58.5,67 C58.5,66.7238576 58.2761424,66.5 58,66.5 L57.5,66.5 Z"></path>
|
||||
<path d="M3.516,82.508 C3.516,81.9517457 3.06446111,81.5 2.508,81.5 C1.95214237,81.5 1.5,81.9521424 1.5,82.508 C1.5,83.0644611 1.95174573,83.516 2.508,83.516 C3.06485763,83.516 3.516,83.0648576 3.516,82.508 Z M4.516,82.508 C4.516,83.6171424 3.61714237,84.516 2.508,84.516 C1.39956348,84.516 0.5,83.6168484 0.5,82.508 C0.5,81.3998576 1.39985763,80.5 2.508,80.5 C3.61684841,80.5 4.516,81.3995635 4.516,82.508 Z"></path>
|
||||
<path d="M6.89408522,42.8906809 C6.81018565,42.8447961 6.74120385,42.7758143 6.69531914,42.6919148 L5.793,41.0420367 L4.89068086,42.6919148 C4.84479615,42.7758143 4.77581435,42.8447961 4.69191478,42.8906809 L3.04203668,43.793 L4.69191478,44.6953191 C4.77581435,44.7412039 4.84479615,44.8101857 4.89068086,44.8940852 L5.793,46.5439633 L6.69531914,44.8940852 C6.74120385,44.8101857 6.81018565,44.7412039 6.89408522,44.6953191 L8.54396332,43.793 L6.89408522,42.8906809 Z M9.82591478,43.3543191 C10.1726951,43.5439735 10.1726951,44.0420265 9.82591478,44.2316809 L7.50240791,45.5024079 L6.23168086,47.8259148 C6.04202655,48.1726951 5.54397345,48.1726951 5.35431914,47.8259148 L4.08359209,45.5024079 L1.76008522,44.2316809 C1.41330493,44.0420265 1.41330493,43.5439735 1.76008522,43.3543191 L4.08359209,42.0835921 L5.35431914,39.7600852 C5.54397345,39.4133049 6.04202655,39.4133049 6.23168086,39.7600852 L7.50240791,42.0835921 L9.82591478,43.3543191 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -59,3 +59,4 @@
|
|||
@import 'ui/initialize-lfs';
|
||||
@import 'ui/ci-status';
|
||||
@import 'ui/pull-request-badge';
|
||||
@import 'ui/no-branches';
|
||||
|
|
|
|||
31
app/styles/ui/_no-branches.scss
Normal file
31
app/styles/ui/_no-branches.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.no-branches {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
padding: var(--spacing);
|
||||
|
||||
.blankslate-image {
|
||||
width: 257px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: var(--font-weight-semibold);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.create-branch-button {
|
||||
margin: var(--spacing);
|
||||
}
|
||||
|
||||
.protip {
|
||||
text-align: center;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue